Fix: Center video element and maintain its size and ratio (#995)

box · May 2, 2019 · dd7a6ec · dd7a6ec
1 parent adc2064
commit dd7a6ec
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/lib/viewers/media/Dash.scss b/src/lib/viewers/media/Dash.scss
@@ -4,6 +4,8 @@
     video {
         cursor: none;
         display: block;
+        margin-left: auto;
+        margin-right: auto;
         max-height: 100%;
         max-width: 100%;
         width: 100%;

diff --git a/src/lib/viewers/media/MP4.scss b/src/lib/viewers/media/MP4.scss
@@ -4,6 +4,8 @@
     video {
         cursor: none;
         display: block;
+        margin-left: auto;
+        margin-right: auto;
         max-height: 100%;
         max-width: 100%;
         width: 100%;

diff --git a/src/lib/viewers/media/_mediaBase.scss b/src/lib/viewers/media/_mediaBase.scss
@@ -24,8 +24,6 @@
 }
 
 .bp-media-container {
-    display: flex;
-    justify-content: center;
     min-width: 300px; // Prevent media controls from overflowing on small screens
     outline: 0 none;
     position: relative;