Video element with object backup.
A Pen by Dylan Burkey on CodePen.
<div class="le"> | |
<div class="container"> | |
<video src="http://lecoapps.com/_iframe/specialfabrications.mp4" controls> | |
<object><param name="movie" value="//www.youtube.com/v/L05RJ87Cg-4?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/L05RJ87Cg-4?hl=en_US&version=3" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object> | |
</video> | |
</div> | |
</div> |
@import "bourbon"; | |
.le { | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
position: relative; | |
.container { | |
margin: 0 auto; | |
position: relative; | |
max-width: 780px; | |
} | |
video,object { | |
width: 100%; | |
height: 100%; | |
max-width: 780px; | |
} | |
} |
Video element with object backup.
A Pen by Dylan Burkey on CodePen.