From 6146016fb8cee3b45a778f3f5a324a29839d7eef Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Thu, 3 May 2018 12:23:28 -0600
Subject: [PATCH] fix media container

---
 .../component/video/internal/player.jsx       |  1 +
 src/renderer/scss/component/_content.scss     | 20 +++++++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

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 {