Hacer responsive los vídeos de youtube

Pues aquí un rápido y pequeño cheat para que vayan en responsive tus videos de youtube.

Debes meter tu iframe de youtube dentro del siguiente div:

<div class="video-container"></div>

Una vez hecho esto, vas al css y le aplicas las siguientes reglas:

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

Add Comment

Required fields are marked *. Your email address will not be published.