Damyon Wiese
57bfb7c30a
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.
22 lines
346 B
CSS
22 lines
346 B
CSS
/**
|
|
* Filters
|
|
*/
|
|
.mediaplugin {
|
|
display: block;
|
|
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 {
|
|
margin: auto;
|
|
}
|