diff --git a/source/stylesheets/application.css.scss b/source/stylesheets/application.css.scss index b9acf51..6c1d27d 100644 --- a/source/stylesheets/application.css.scss +++ b/source/stylesheets/application.css.scss @@ -86,3 +86,18 @@ figcaption { float: right; text-align: right; } + +// From https://www.ostraining.com/blog/coding/responsive-videos/ +.video-responsive { + overflow:hidden; + padding-bottom:56.25%; + position:relative; + height:0; +} +.video-responsive iframe { + left:0; + top:0; + height:100%; + width:100%; + position:absolute; +}