Como incluir un video de YouTube con código que valide los estandares W3C

Dada la importancia que a día de hoy tiene el desarrollo de páginas Web utilizando los estándares marcados por la W3C se hace extraño que Google nos ofrezca insertar videos de YouTube en nuestras páginas Web y para ello nos facilite un fragmento que código que curiosamente no valida. Después de ver en el siguiente ejemplo lo sencillo que es hacer que pase la validación de código del W3C se nos antoja más increible.

Vamos a ver un ejemplo con un video de Mutt Cutts, ingeniero de Google. Esta es la url del video: http://www.youtube.com/watch?v=4VduSHma–E y este es el código que Google nos ofrece para insertar este video en nuestra página Web:

<object width="560" height="340"> <param name="movie" value="http://www.youtube.com/v/4VduSHma--E&hl=es&fs=1&"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param><embed xsrc="http://www.youtube.com/v/4VduSHma--E&hl=es&fs=1&" mce_src="http://www.youtube.com/v/4VduSHma--E&hl=es&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>

Entre otras perlas este fragmento de código utiliza etiquetas embed que nunca han formado parte del estandar. Para publicar este mismo video con código estandar simplemente tendremos que hacerlo de la siguiente manera:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/4VduSHma--E&hl=es&fs=1&" width="560" height="340"> <param name="movie" value="http://www.youtube.com/v/4VduSHma--E&hl=es&fs=1&"></param> <param name="quality" value="high"></param></object>

Si estás utilizando para el desarrollo de tu página Web código XHTML tienes que eliminar la etiqueta de cierre param y finalizar la primera con “/>”

Fíjate como hemos modificado el caracter ampersand (&) en nuestro ejemplo para que valide el código.

Como veis es muy fácil publicar videos de youtube en nuestras páginas Web respetando los estándares Web marcados por el W3C.

El inconveniente de insertar el video de youtube cumpliendo los estándares Web es que el usuario no podrá ampliar el video a pantalla completa.

Asi se ve el video con nuestro codigo

Categorías: XHTML, Diseño Web
Suscripción RSS a los comentarios

Artículos relacionados

• Como hacer accesibles las peliculas flash en las páginas Web
• Bing.com, el análisis al nuevo buscador de microsoft
• Nuevo validador de código del W3C para comprobar la compatibilidad con dispositivos móviles
• Barra Seo para firefox
• Utilidades para mejorar nuestro blog