Elastic videos for responsive web design

video-rwd

video {
  max-width: 100%;
	height: auto;
}

.video { /* container div for iframes <div class="video"><iframe/></div> */
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;

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