Hoy vamos a aprender a cargar los Iframe de vídeos de YouTube Responsive.
Para conseguir que los vídeos que empotramos en nuestras páginas web sean responsive, debemos crear estas reglas css:
.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%;
}
Y por ultimo utilizar la clase video-container en el div que contenga el iframe. Ejemplo:
<div class="video-container"> <!-- cargo mi iframe de youtube --> </div>
Pues con esto sabemos crear un iframe de videos de YouTube Responsive.
