diff --git a/website/main.css b/website/main.css --- a/website/main.css +++ b/website/main.css @@ -175,3 +175,16 @@ video { max-width: 100%; } + +/* Properly position iframe videos players (like youtube) within its parent container */ +iframe { + display: block; + width: 100%; + border: none; +} +/* https://cfxdesign.com/how-to-make-the-wordpress-video-shortcode-responsive/ */ +.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { + width: 100% !important; + height: 100% !important; +} +