Como todos sabemos Youtube nos permite, mediante un código, incrustar cualquier vídeo en nuestra web, ejemplo:
<object width="425" height="344">
<param name="movie"
value="http://www.youtube.com/v/XXXXXXXXXXX&hl=es&fs=1">
</param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/XXXXXXXXXXX&hl=es&fs=1"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="425" height="344">
</embed>
</object>
Como validar youtube con W3C
El problema está cuando queremos validar la página con el validador W3C, quien nos indica que tenemos un montón de errores procedentes del código de youtube.
Pero esto tiene fácil solución, basta con cambiar el código que te proporciona youtube por el siguiente código:
<div style="text-align: center;">
<object type="application/x-shockwave-flash"
data="http://www.youtube.com/v/XXXXXXXXXXX"
width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX" />
</object>
</div>
Ahora simplemente sustituye las XXXXXXXXXXX (11 caracteres) por el código del vídeo que quieras poner, y cambia width="425" (ancho) height="344" (altura) en caso de que en tu vídeo sean diferentes.
Ventajas de validar tu web con W3C
Ventaja: La ventaja de pasar el validador W3C es, en teoría, conseguir un mejor posicionamiento, al facilitar a los buscadores un código más acorde con los estándares web.
Inconveniente: El problema de sustituir el código de youtube por otro que cumpla los estándares web, es que los usuarios no podrán ampliar el video a pantalla completa.
Si te gustó el artículo...
Artículos Relacionados
5 Comentarios
#1 Kaka
Si pones esto hay fullscreen:
<param name="allowFullScreen" value="true"></param>
Julio 07, 2009
@Kaka: Lo probé, pero faltaría poner allowfullscreen="true" en la etiqueta, cosa que daría error en el validador W3C.
Julio 07, 2009
#3 Anonimo
Sergio GR, si que se puede y no da error en el W3C hacerlo en pantalla completa. Aviso de esto ya que llevo un tiempo buscando la solución para caerle bien el codigo de youtube en W3C y recopilando diferente información sobre lo que deciis, no hay inconveniente en pantalla completa, lo que se tiene que hacer, es incluir como dice Kaka, quedaria algo asi:
Añadiendo alli el allowFullScreen el W3C no se queja.
Espero que les sirva a todos los perdidos como yo 
Mayo 23, 2010
#4 Anonimo
Añado el codigo ya que no se ve aqui esta el ejemplo
<object type="application/x-shockwave-flash" style="width:338px;height:273px" data="http://www.youtube.com/v/xxxxxxxxxxx">
<param name="allowFullScreen" value="true" />
<param name="movie" value="http://www.youtube.com/v/xxxxxxxxxxxxx" />
</object>
Mayo 23, 2010
Hola @Anonimo, es cierto que el código que mencionas no da ningún tipo de error a la hora de validarlo con el W3C, sin embargo... nose si se me escapa algo, pero sigue sin permitir ver el vídeo en pantalla completa, y ese es precisamente el problema.
Mayo 25, 2010
Deja tu Comentario
Información
Aplicamos el tag nofollow, y los enlaces con keywords en los comentarios podrían ser eliminados, intentamos mantener limpio el blog de spam.
Puedes usar las etiquetas <i>, <b>, <em>, <strong>, <a>, href, procura cerrarlas adecuadamente o tu comentario podria no mostrarse del modo que deseas.
Si necesitas que se vean en el comentario caracteres especiales como los usados en lenguajes de programacion como php, xhtml, etc., debes escribirlo dentro de las etiquetas [code] [/code], de lo contrario no se mostrará.
Procura no escribir enlaces que no tengan ninguna relación con el tema.
Si realizas una crítica procura argumentarla, pero sobretodo evita los insultos.
Categorías
Archivos
Blogroll
Enlázanos
Si te gusta MirarPorMirar, puedes poner un enlace en tu web o blog.