domingo, 29 de noviembre de 2009

Código de YouTube válido para XHTML

 El problema principal que se nos presenta cuando insertamos el código de vídeo de YouTube en un post es que el elemento embed no es válido, o más bien, no existe en las últimas especificaciones del W3C, sino que fue un invento de la compañía de software Netscape Communications (de aquellos lejanos tiempos en que su navegador aún tenía cierta importancia). Sin embargo, object continúa siendo un elemento válido, así que la solución es utilizarlo añadiéndole el atributo type="application/x-shockwave-flash". No podemos limitarnos a remover el elemento embed, puesto que en ese caso los usuarios de Firefox no verían nada.

 Este es un ejemplo del código de vídeo que proporciona YouTube (he utilizado un vídeo promocional de Windows 7):

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/erfY7QhyY_s&hl=es_ES&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/erfY7QhyY_s&hl=es_ES&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

 Y este sería el código válido para el mismo vídeo de YouTube, centrado y para un tamaño de 425 de ancho por 344 de alto:

<div style="margin: auto; text-align: center;"><object data="http://www.youtube.com/v/erfY7QhyY_s" style="height: 344px; width: 425px;" type="application/x-shockwave-flash"><param name="movie" value="http://www.youtube.com/v/erfY7QhyY_s" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /></object></div>

 Para facilitar la tarea, existe una herramienta de Script Generator que transforma automáticamente el código proporcionado por Youtube en otro código válido para XHTML 1.0 Transitional; para utilizar la herramienta, pincha aquí.


════════════════════════════════════════════ ════════════════════════════════════════════ channel manager casa rural
eXponsor - Enlaces y Anuncios Patrocinados
════════════════════════════════════════════

No hay comentarios: