Inserta videos de youtube con HTML Válido

El código que indican en youtube para insertar el video en tu página web, es un completo desastre, intenta pasar tu web por el validador w3c cuando tengas un video de youtube insertado y verás como explota xD

El código que nos da youtube es el siguiente:

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

Y algunos de los errores que nos devuelve el validador son:
– General entity hl not defined and no default entity.
– Attribute type exists, but can not be used for this element.
– Attribute allowscriptaccess is not a valid attribute.
– Attribute allowfullscreen is not a valid attribute.
– Attribute width exists, but can not be used for this element.
– Attribute height exists, but can not be used for this element.

El primer error aparece porque en la url al video se pasan parámetros enlazados con un &, pero en html el & indica el comiendo de una entidad, como puede ser por ejemplo &nbsp; (un espacio en blanco), para solucionar esto debemos sustituir los & que aparecen en la url por su entidad &amp;.

El resto de errores son causa de etiquetas con propiedades no reconocidas o en desuso, para solucionar esto tenemos el código que os copio a continuación, un código para insertar videos de youtube con html válido:

<object width="425" height="344" type="application/x-shockwave-flash" data="http://www.youtube.com/v/5AFasYNOifk&amp;hl=es&amp;fs=1">
<param name="movie" value="http://www.youtube.com/v/5AFasYNOifk&amp;hl=es&amp;fs=1" />
</object>

Tened en cuenta que debéis cambiar el ancho (width) y alto (height) a vuestro antojo, y la URL que escribo de ejemplo por la del video que queráis insertar :)

  • 16 junio 2009
  • html
  • , , ,

9 comments on “Inserta videos de youtube con HTML Válido”

  1. aprovechado.. en que sección de esta pagina web encuentro el post de como crear formularios para tu web de tal forma que se queden publicados en la misma web..

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *