From 57bfb7c30a3ecdbd524603e9a154cf0eb54f2b5f Mon Sep 17 00:00:00 2001
From: Damyon Wiese <damyon@moodle.com>
Date: Tue, 22 Nov 2016 17:04:55 +0800
Subject: [PATCH] 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.
---
 filter/mediaplugin/styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/filter/mediaplugin/styles.css b/filter/mediaplugin/styles.css
index aaa69562d5e..3c0a1a81f9e 100644
--- a/filter/mediaplugin/styles.css
+++ b/filter/mediaplugin/styles.css
@@ -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 {