Escrito por Julián Santacruz | 31 de Mayo de 2010

Debido a que es frecuente incrustar algunos videos de Youtube en nuestros sitios Web y algunos sabemos que la etiqueta <embed> no es válida por la W3C, nos queda la duda de qué hacer, dado este caso se recurre a una etiqueta de mejor uso, como lo es la <object>.

Google tienen buenos laboratorios de usabilidad, el mejor buscador hasta ahora, tecnologías implementadas en móviles, etc. Pero su plataforma de hosting de videos genera un codigo invalidado y "sucio", no creo que sea trabajoso cambiar ese codigo y poner uno que valide.

Para que entendamos mejor, acá les traigo una recopilación de códigos válidos y scripts para poder incrustar videos de Youtube a sus sitios Web sin ningún problema de validación ante la W3C.

• Para mi este es el más fácil :
  

  <object type="application/x-shockwave-flash" style="width:425px;height:350px" data="http://www.youtube.com/v/XXXXXXXXXXX"> name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX"></object>

  Sólo tienes qué reemplazas las XXXXXXXXXX por el código de tu video y listo.
• Este es similar con algunas variaciones de estilo, centra el video dentro de una <p>:
  

  <p style="text-align: center;"><object  type="application/x-shockwave-flash"  data="http://www.youtube.com/v/XXXXXXXXXXX" width="400"  height="326"><param name="movie"  value="http://www.youtube.com/v/XXXXXXXXXXX" /><param  name="FlashVars" value="playerMode=embedded"  /></object></p>

  Aquí también reemplaza las XXXXXXXX por tu código y listo.
• Si necesitas validar el código de otros servidores que no son Youtube, puedes probar este, es un poco más complicado, yo no lo he probado pero puedes tratar:
  

  <object type="application/x-shockwave-flash"  data="http://www.elsitioencuestion.ext/flvplayer.swf" width="425"  height="355" id="VideoPlayback"><param name="movie"  value="http://www.elsitioencuestion.ext/flvplayer.swf" /><param  name="allowScriptAcess" value="sameDomain" /><param name="quality"  value="best" /><param name="bgcolor" value="#000000"  /><param name="scale" value="noScale" /><param name="salign"  value="TL" /><param name="FlashVars" value="&amp;file=http://www.elsitioencuestion.ext/video.flv&amp;width=450&amp;height=42&amp;displaywidth=355&amp;displayheight=367&amp;overstretch=true&amp;autostart=falseamp;showfsbutton=false&amp;logo=http://www.elsitioencuestion.ext/logo.ext&amp;link=http://www.elsitioencuestion.ext&amp;linktarget=_blank&amp;backcolor=0xFFFFFF"/></object>

• Si usas Joomla como tu administrador de contenido, depronto puedas usar un plugin gratuito desarrollado por Joomlaworks llamado AllVideos. No tiene problemas de validación hasta dónde lo he probado y trae algunas caracteristicas que son útiles a la hora de incrustar videos.

Estas son algunas de las opciones que tienes para validar los codigos que usas para incrustar tus videos, recuerda comentar y complementar este artículo con tus aportes.