Advanced Search

Return to Snippet

Revision: 55583
at February 12, 2012 12:28 by thewickedchemist
Initial Code 
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


HTML USAGE:

<div class="video-container">
   <iframe width="853" height="510" src="http://www.youtube.com/embed/3R2cnxz27LI" frameborder="0" ></iframe>
   </div>
Initial URL 
http://www.pixeltweaks.com
Initial Description 
Originally from: http://webdesignerwall.com/tutorials/css-elastic-videos
Initial Title 
Elastic Videos for Responsive Design
Initial Tags 
css, video, mobile
Initial Language 
CSS