mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-01-18 22:08:20 +01:00
Code Issues Projects Releases Wiki Activity

MDL-56938 filter_media: Responsive size fallback player

Browse Source 
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.
This commit is contained in:
Damyon Wiese 2016-11-22 17:04:55 +08:00
parent 8d294e729f
commit 57bfb7c30a
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
filter/mediaplugin/styles.css
View File

@ -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 {