Micaela 31 de agosto de 2008 a las 09.30
   Imprimir artículo
elWebmaster.com

C贸mo mostrar videos online con XHTML v谩lido


A la hora de utilizar un video de YouTube, o alg煤n servicio similar, en nuestras p谩ginas acostumbramos l贸gicamente copiar y pegar el c贸digo que el sitio nos entrega ya armado para su uso. Esto nos trae un problema ya que dicho c贸digo no valida XHTML.

Esto quiere decir que si nuestra web cumple con los est谩ndares del W3C (World Wide Web Consortium) tan s贸lo incrustar normalmente un video de YouTube tendr谩 por resultado que deje de hacerlo. Por suerte les traigo la soluci贸n.

Si usas YouTube s贸lo debes substituir el c贸digo que viene por defecto por el siguiente c贸digo:

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

Es importante tener en cuenta que se debe cambiar tan s贸lo las parte donde dice “yOOmFgBAdIA” por el c贸digo de tu video.

Si el video es de alg煤n otro sitio el tema es un poco m谩s complicado. En este como ver谩n en la negrita debemos cambiar toda la direcci贸n web del video:

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

Y de esta forma copiando y pegando logramos mantener la validez de nuestro sitio web a la hora de incrustar videos.

Fuente: Hablando En Crisitano


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (7)

  1. Fernando dice:

    He realizado la acci贸n tal y como lo explic谩is ya que tenia ese problema en mi web y no sab铆a como solucionarlo, el v铆deo carga perfectamente pero a la hora de validar me dan diez errores, 驴hay alguna manera de subsanarlo?

  2. Juan Manuel dice:

    隆Hola, Fernando! 隆Copia y pega el informa de errores, gracias!

  3. Julian dice:

    Muy bueno el consejo!!!
    Fernando si tu sitio es vayapelo.es a mi me aparecio como que valido el xhtml

  4. Fernando dice:

    Si ese es mi sitio, todas las p谩ginas est谩n validadas exceptuando esta vayapelo.es donde tengo insertado el v铆deo de youtube, he intentado copiar el enlace del informe de errores pero no he podido, si podeis mirarlo vosotros y comentarme donde esta el fallo os lo agradeceria. Gracias y un saludo.

  5. Veronica dice:

    Hola

    muy buen tip, muchas gracias

    pero todavia me quedo un problema, lo que pasa es que en youtube vienen unas opciones, para cambiar el color de la barrita y tambien para que no aparescan los videos relacionados al final y cosas asi. y eso aun y con el codigo que tu pones no lo valida

    ttp://www.youtube.com/v/pEn2iG_RuAc&hl=es&fs=1&rel=0&color1=0x5d1719&color2=0

    apartir del “hl” en adelante no reconoce nada, y eso es lo que contiene las preferencias de color y demas…

    crees que eso tenga solucion :s

    gracias :)

  6. Alejandra dice:

    Hola. Es muy sencillo publicar videos con color y settings especiales. Ver谩s que al lado del c贸digo embed de la mayor铆a de los videos de YouTube hay un 铆cono con forma de un engranaje. Es la opci贸n de Personalizar. Haz clic ah铆 y elige las preferencias con las que quieres que se muestre tu video. El c贸digo embed ir谩 cambiando a medida que hagas modificaciones.
    Cuando termines copia el c贸digo y p茅galo en tu HTML. Yo lo prob茅 y funciona correctamente 馃槈

  7. Victor dice:

    Muy bueno, probe directo desde youtube, y me funcion贸 a la primera.
    Inconvenientes, es que si lo tengo en una carpeta no se como ponerlo, si saben alguna forma indiquenmelo,

    Gracias

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder