diff --git a/src/renderer/component/video/internal/player.jsx b/src/renderer/component/video/internal/player.jsx
index 547be16c4..3842c30ad 100644
--- a/src/renderer/component/video/internal/player.jsx
+++ b/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;
           }}
diff --git a/src/renderer/scss/component/_content.scss b/src/renderer/scss/component/_content.scss
index 11a16cbdf..af14d0880 100644
--- a/src/renderer/scss/component/_content.scss
+++ b/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 {