(: HEC :)

El código que suelen ofrecer servicios como YouTube para incrustar vídeos en otras páginas web no valida XHTML.

En muchos páginas web se explica el código que se puede usar en su lugar para que el sitio donde queráis incluir vídeos de YouTube sí pase la validación del Markup Validation Service del W3C, este es el que yo utilizo.

Atención: cambiad únicamente las partes en negrita por el código del vídeo de YouTube, la parte que va tras watch?v= en la URL del vídeo, también podéis cambiar el tamaño de la ventana del vídeo. En este código se incluye también la URL del vídeo para que si alguien está suscrito a las entradas y lee la nota como un correo electrónico, por ejemplo, pueda ver al menos la dirección a la que debe ir para ver el vídeo.

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

Pero si tenéis un clon de YouTube o archivos .flv procedentes de otros sitios, el código anterior no suele servir de mucho: esta es la solución que a mí me ha funcionado. Cambiad las partes con “elsitioencuestion.ext” con vuestro dominio y video.flv con el nombre del archivo, quizás tengáis también que arreglar la URL para mostrar la ruta exacta del archivo. Podéis cambiar el tamaño, añadir un logotipo con un enlace, lo veréis en el código.

Atención: la parte en negrita debe ir sin espacios, en una sola línea, aquí tuve que hacer cortes para que se viera bien en la página:

<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=425&amp;displaywidth=355&amp;
displayheight=367&amp;overstretch=true&amp;
autostart=false&amp;showfsbutton=false&amp;
logo=http://www.elsitioencuestion.ext/logo.ext&amp;
link=http://www.elsitioencuestion.ext&amp;
linktarget=_blank&amp;
backcolor=0xFFFFFF" /></object>

Compártelo

Esta entrada se publicó el Jueves, 1 Mayo 2008 a las 11:54 y está archivado en la categoría Accesibilidad y usabilidad, (X)HTML, Consejos y sugerencias. Puede seguir los comentarios a través del feed RSS 2.0. Puede dejar un comentario, o hacer trackback desde su sitio.