Advanced Search

Return to Snippet

Revision: 57128
at May 17, 2012 07:00 by OrngTicTac
Initial Code 
.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
Initial URL 
http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design
Initial Description 
This responsive video CSS trick was discovered by tjkdesign.com. I've blogged about it before, you may read the details here. It makes the video embed to expand fullwidth to the boundary.
Initial Title 
Responsive Video
Initial Tags 
video
Initial Language 
CSS