25 junio, 2014

Hacer que los videos youtube embebidos sean responsive

 

embeber video youtube Copia y pega este código para que los vídeos de Youtube, embebidos en tu blog, sean responsive #Tutorial

 

 

 

 

 

 

 

Lo siguiente que haremos será copiar el código para embeber el vídeo, igual que hemos hecho otras veces, aunque para indicarle que el div será responsive, hemos de editar nuestro blog en formato texto (no visual) para añadir el HTML necesario, en este caso un div que contendrá el vídeo:

<div class="contenedor-video">
<iframe src="//www.youtube.com/embed/y0kBy-wf5qo?list=UUt4oJu2ItngyTNBwPNmJDfA" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>
</div>

Y con esto ya está listo, la próxima vez que queramos hacer que un vídeo sea adaptable, sólo tendréis que añadir “contenedor-video” para que funcione.

 

Visto en | Avexdesigns
Imagen | Serge Kij