[SOLUCIONADO] Incrustar videos de youtube fluidamente

superweb360 · #1 (**permalink**) 16/04/2015, 15:52

Me gustaría saber cómo lo puedo hacer para incrustar videos de youtube de forma fluida, es decir, que se adapten al tamaño de la pantalla. He probado varias cosas y ninguna me ha funcionado.

NueveReinas · #2 (**permalink**) 16/04/2015, 16:02

Yo uso este método:

Código HTML:

Ver original<div class="video" id="video">
<iframe width="560" height="349" src="https://www.youtube.com/embed/XXX" frameborder="0" allowfullscreen></iframe>
</div>

Código CSS:

Ver original.video {
    position:relative;
    padding-bottom: 56.25%; /* Mantiene el ratio 16:9 */
    padding-top: 25px;
    height:0;
    margin-top:40px;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

superweb360 · #3 (**permalink**) 16/04/2015, 17:43

perfecto, ¡me funcionó!