Responsive Iframe Demo

HTML

CSS

.iframe-wrapper{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;/*315/560*/
}

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