diff --git a/assets/sass/video.scss b/assets/sass/video.scss new file mode 100644 index 0000000..66abcc4 --- /dev/null +++ b/assets/sass/video.scss @@ -0,0 +1,24 @@ +// Adds support for a video holder +// as per http://webdesignerwall.com/tutorials/css-elastic-videos + +.myvideo { +position : relative; +display : block; +width : 30%; +min-width : 200px; +margin : auto; +height : auto; +} +.flex-video { +position : relative; +padding-bottom : 67.5%; +height : 0; +overflow : hidden; +} +.flex-video iframe, .flex-video object, .flex-video embed { +position : absolute; +top : 0; +left : 0; +width : 100%; +height : 100%; +}