Video CSS added

pull/2/head
Alexandre Dulaunoy 2017-02-17 16:36:34 +01:00
parent 78e1eb5938
commit 1db06d0012
1 changed files with 24 additions and 0 deletions

24
assets/sass/video.scss Normal file
View File

@ -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%;
}