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

Initial Description
This responsive video CSS trick was discovered by 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

Initial Language