Los videos de Youtube y de Adsense no validan comúnmente, ahora aprenderemos como validar estos videos de Youtube en W3C.

Para que los videos de Youtube y Adsense Youtube aprueben la validación de la W3C (estándar web de la correcta codificación y uso de HTML y XHTML) debemos realizar unas pequeñas modificaciones al código original que nos proporciona Youtube.

Supongamos que tenemos el siguiente video:

http://www.youtube.com/watch?v=XXXXXXXXXXX&hl=en&fs=1

Que nos proporciona el siguiente código:

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

De aqui capturaremos el ID del video, el cual es un número de 11 cifras que denotaremos como XXXXXXXXXXX, que como pueden notar es todo lo que aparece siempre antes del símbolo ampersand (&).

Ahora realizaremos un cambio al código, para esto solo necesitaremos la ID del video. Nos dirigimos a nuestra pestaña HTML al momento de insertar el código y colocamos lo siguiente:

<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>

Con este código el video aparecerá centrado y validará correctamente. Este código se construyó a partir de unas modificaciones eliminando parámetros de tipo embed que no eran correctamente interpretados por la W3C en su contexto.

Si bien el posicionamiento de una web o blog en los buscadores no se ve directamente influenciado al tener una correcta validación de plantilla acorde con los lineamientos de la W3C, sí le da a éstas una mejor y correcta estructura que le facilita el trabajo a los robots de Google.

Si tienen alguna duda, problema o comentario no duden en postearlo. Hoy anduve corrigiendo mi plantilla, por suerte pasó de pequeños 68 errores a ninguno.

Enlace: W3C Validator

Articulos Relacionados:
Validar blog en la W3C

Compartir en Facebook Compartir en Twitter

Comentarios ( 11 ) en: Cómo validar W3C con Videos de Youtube y Adsense
  • Mariano dijo:
    September 2nd, 2008 at 6:26 am

    Gracias por el dato. Estuve unos días tratando de validar el theme y esto era lo único que me quedaba pendiente. Lo aplique y funciona perfecto.

    Suerte atrasada por el cambio de dominio 😉

  • KnxDT dijo:
    September 2nd, 2008 at 1:09 pm

    Gracias Mariano, más vale tarde que nunca 😀

  • Putoslokos dijo:
    September 4th, 2008 at 5:56 am

    Este código fue lo primero que usé en mi web para hacerla totalmente válida. Después empecé a usar un plugin de WordPress.

    Ahora he decidido pasar totalmente del código válido y volver atrás usando el EMBED que da youtube, ya que si nos cerramos al código válido, no podemos permitir el FULLSCREEN, mientras que con el código de youtube si que lo admite.

    Si sabéis de alguna forma válida de permitir la famosa pantalla completa hacédmelo saber por favor.

  • Pepe dijo:
    September 14th, 2008 at 3:13 am

    Muchas gracias por la información, justo lo que andaba buscando.

    Saludos y gracias por compartirlo

  • Validar XHTML los videos de Youtube | Agunata dijo:
    August 3rd, 2009 at 11:19 pm

    […] Vía | Tecnologia Diaria […]

  • José Nobile dijo:
    August 4th, 2009 at 10:53 am

    El enlace al validator de w3c da 33 errores upps 🙂

    El embed es necesario para firefox, mediante javascript se puede hacerlo valido, pero quien no tenga javascript habilitado no verá la película flash.

  • KnxDT dijo:
    August 4th, 2009 at 1:00 pm

    El enlace seguirá dando errores hasta fines de este mes. El banner del concurso ocasiona eso debido a tags img no cerrados y sin atributos alt.

    No lo toco por no interferir en el proceso de votación, alterando el código (aunque sea en ese mínimo), pero es sencillo de solucionar.

    Lo del embed, pues es así, ni modo.

    Saludos :up:

  • Narbondel dijo:
    March 19th, 2010 at 1:36 pm

    Uffs.. seguramente ni lo leas, pero GRACIAS, estaba pasando por un infierno hasta encontrarte 🙂

  • KnxDT dijo:
    March 19th, 2010 at 1:48 pm

    @Narbondel: Claro que leo los comentarios, amigo. Que a veces no los responda no es porque no me parezcan de lo mejor, los valoro mucho.

    Gracias por comentar 😉

  • Serigrafia 4t dijo:
    September 15th, 2011 at 6:07 pm

    Gracias por el tip, pero me debes la mitad del post, para validar AdSense? pero lo veo complicado porque está penalizado modificar el código.
    Y el otro código que me pone de pelos también es de Google, el botón +1.

  • NandoRoman dijo:
    March 10th, 2014 at 8:25 am

    Muchas gracias por el aporte, ahora valida correctamente.