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