Demo: Elastic Videos

Resize your browser window to see the elastic videos.

New YouTube Code (iframe)

Old YouTube Code (embed)

With fixed 600px wide wrapper

With fixed 500px wide wrapper

CSS Code

CSS trick by tjkdesign.com.

.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%;
}