6 de mayo de 2014

Como insertar vídeos de Youtube, con html válido

En algún momento nos hemos preguntado, como insertamos un video a nuestra página web.

He aquí el código a utilizar:

Lo primero que debemos hacer es editar la "Hoja de estilos" (style.css) de nuestra plantilla, añadiendo al final el siguiente código:






/* Vídeos */ .YTvideos { position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height:0; overflow: hidden;
}
.YTvideos iframe,
.YTvideos object,
.YTvideos embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


Youtube


<div class="YTvideos"> <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/XXXXXXXX?fs=1&hl=es_ES&rel=0"> <param name="wmode" value="transparent"> <param name="allowFullScreen" value="true"> </object>
</div>

Donde las X deben cambiarse por el código del video de Youtube que se quiera agregar en la página.

0 comentarios:

Publicar un comentario