minor correction

ui/js/component/video/internal/loading-screen.jsx

@@ -1,11 +1,11 @@
 import React from "react";
 
 const LoadingScreen = ({ status }) =>
-  <div className="video--loading-screen">
-    <div className="video--loading-screen-content">
-      <div className="video--loading-spinner" />
+  <div className="video__loading-screen">
+    <div>
+      <div className="video__loading-spinner" />
 
-      <div className="video--loading-status">
+      <div className="video__loading-status">
         {status}
       </div>
     </div>

ui/js/component/video/internal/play-button.jsx

@@ -22,7 +22,6 @@ class VideoPlayButton extends React.Component {
     const {
       button,
       label,
-      className,
       metadata,
       metadata: { title },
       uri,

ui/js/component/video/view.jsx

@@ -68,7 +68,6 @@ class Video extends React.Component {
                 poster={poster}
                 downloadPath={fileInfo.download_path}
                 mediaType={mediaType}
-                poster={poster}
               />)}
         {!isPlaying &&
           <div

ui/scss/component/_video.scss

@@ -35,14 +35,14 @@ video {
 }
 
 
-.video--loading-screen {
+.video__loading-screen {
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-.video--loading-spinner {
+.video__loading-spinner {
   position: relative;
   width: 11em;
   height: 11em;
@@ -89,7 +89,7 @@ video {
   }
 }
 
-.video--loading-status {
+.video__loading-status {
   padding-top: 20px;
   color: white;
 }
@@ -104,6 +104,7 @@ video {
   position: relative;
   .video__play-button { @include absolute-center(); }
 }
+
 .video__play-button {
   position: absolute;
   width: 100%;