MDL-56938 filter_media: Responsive size fallback player

Apply responsive sizing to any video element in a media filter div. This applys to the HTML5 video player and the fall back player if video.js fails to load.
2016-11-22 17:04:55 +08:00
parent 8d294e729f
commit 57bfb7c30a
1 changed files with 4 additions and 0 deletions
@@ -6,10 +6,14 @@
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
+}

+.mediaplugin,
+.mediaplugin video {
    /* Make videos as wide as possible without being wider than their containers */
    width: 100vw;
    max-width: 100%;
+    height: auto;
 }

 .mediaplugin > div {