El problema
Si son de aquellos a quienes nos gusta mantener un código válido y además gusta de insertar videos de en tu blog, seguramente se habrán dado cuenta del horroroso código que algunos proveedores entregan para insertar los videos.
Por ejemplo, veamos el código que entrega YouTube:
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/PsRkU7FV4aw"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/PsRkU7FV4aw"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="350">
</embed>
</object>El problema es que el elemento <embed /> no es válido, o más bien, no existe en las especificaciones del W3, sino que es un invento de Netscape (de aquellos tiempos en que su navegador aún era importante). Por otra parte, object sí es válido, pero si insertáramos el código precedente sin ninguna otra modificación que remover el elemento embed, los usuarios de Firefox no verían nada.
La solución
La solución: utilizar object pero especificando un atributo fundamental, type="application/x-shockwave-flash". El código válido quedaría de esta forma:
<object width="425" height="350"
type="application/x-shockwave-flash"
data="http://www.youtube.com/v/PsRkU7FV4aw">
<param name="movie" value="http://www.youtube.com/v/PsRkU7FV4aw" />
<param name="wmode" value="transparent" />
</object>Facilitando las cosas
Como (casi) siempre, existe una manera más fácil de hacer las cosas, y en este caso como en muchos otros pasa por un plugin para WordPress: con Embedded video with Link podrás insertar videos de YouTube, Google Video y un par de sitios alemanes de alojamiento de videos que no creo que sean muy populares entre ustedes, lectores de este blog ;)
Una vez instalado, puedes insertar videos de la siguiente forma:
[youtube id-del-video texto-para-el-enlace]
[google id-del-video texto-para-el-enlace]La “id-del-video” es una cadena de caracteres que forma parte de la dirección de cada video:
http://www.youtube.com/watch?v=PDxMQaMqsig
http://video.google.com/videoplay?docid=2331852903610109378El “texto-para-el-enlace” es… adivinen qué. Puede contener espacios.
Acá un ejemplo: [youtube PDxMQaMqsig Sigur Ros: Hoppipolla] genera lo siguiente
WordPress Plugin Embedded video link…
Leo en el Planet Webdev un post de Yukei sobre insertar vídeos en el blog de forma estándar si bien ya comente lo mismo en esta ocasión Yukei comenta sobre un plugin llamado WordPress Embedded video link que facilita la inserción:
[youtube id-del…
[...] El problema del MP3 lo resolví enseguida, pero el de los vídeos embebidos seguía pendiente. Pues bien, acabo de leer un comentario de Mario Molina que me ha alegrado la mañana. Mario me ha informado amablemente de la existencia de un plugin para WordPress, Embedded Video with Link, que genera código XHTML válido y que además es muy fácil de utilizar. Mario no sólo me ha dado la referencia del plugin, sino la de una entrada de Yukei.net que explica, en perfecto castellano, cómo lograr resultados óptimos con este complemento. [...]
[...] Siendo así… aquellos que prefieran seguir comulgando con el W3C y los Estándares Web, crear un código válido e igualmente funcional es así de sencillo: Vía: lo encontré en otro sitio pero la fuente parece que es del siempre genial Yukei. [...]
[...] trackback de Yukei nos lleva a su post donde se explica el origen del problema y se enlaza un plugin, Embedded video [...]
[...] con XHTML válido Sábado marzo 24th 2007, 11:51 pm Guardado en: Videos, Software El trackback de Yukei nos lleva a su post donde se explica el origen del problema y se enlaza un plugin, Embedded video [...]
[...] » Cómo poner un vídeo de YouTube en un blog Código válido en XHTML de tus vídeos preferidos Insertar videos de YouTube con XHTML válido — yukei.net GSvideoBar Solution WengoVisio.com: video [...]
[...] plugin ( Embeded video with link ) Más información en ( Yukei ) Página oficial del plugin ( jovelblog ) ¿Eres nuevo por aquí? Te recomiendo suscribirte [...]