Como insertar vídeos de Youtube, Vimeo y Blip.tv con XHTML válido.

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

.YTvideos object{
	/* You can set it custom */
	width:605px;
	height:365px;
}

El tamaño del vídeo “width” y “height” lo editamos según lo permita nuestra plantilla.

El código de inserción es prácticamente el mismo para todos, solo tenéis que sustituir XXXXXXXX por el identificador del vídeo que pretendáis insertar.

En “Vimeo” ademas, podréis personalizar el color para una mejor integración a vuestra plantilla.

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="allowFullScreen" value="true"></param>
    </object>
</div>

Vimeo

<div class="YTvideos">
    <object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=XXXXXXX&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1">
       <param name="allowFullScreen" value="true"></param>
    </object>
</div>

Blip.tv

<div class="YTvideos">
    <object type="application/x-shockwave-flash" data="http://blip.tv/play/XXXXXXXX">
       <param name="allowFullScreen" value="true"></param>
    </object>
</div>