fix media container

src/renderer/component/video/internal/player.jsx

@@ -176,6 +176,7 @@ class VideoPlayer extends React.PureComponent {
           !unplayable && <LoadingScreen status={noMetadataMessage} />}
         {unplayable && <LoadingScreen status={unplayableMessage} spinner={false} />}
         <div
+          className={'content__view--container'}
           ref={container => {
             this.media = container;
           }}

src/renderer/scss/component/_content.scss

@@ -35,8 +35,24 @@
   }
 }
 
-.content__view {
-  margin-top: -56.25%;
+.content__view,
+.content__view--container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.content__view--container {
+  iframe {
+    background: #fff;
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .content__loading {