Elementos html Flash validos por la W3C

Hay que tener algunas consideraciones a la hora de embeber el html de flash en nuestras páginas web y que este sea un código válido por la W3C.

Lo primero que tenemos que tener en cuenta es no usar el objeto embed, que lo encontramos por ejemplo en las referencias de YouTube:

   1: <object width="425" height="344">
   2:    <param name="movie" value="http://www.youtube.com/v/MrMNHwmd9Hc&hl=en">
   3:    </param>
   4:    <embed src="http://www.youtube.com/v/MrMNHwmd9Hc&hl=en" 
   5:           type="application/x-shockwave-flash" width="425" height="344">
   6:    </embed>
   7: </object>

Este objeto embed, no es parte de la especificación XHTML, y por ende no pasara la validación. El ajuste consiste en no usar el objeto embed, y en su lugar sólo usar el objeto param:

   1: <object width="425" height="344" 
   2:      data="http://www.youtube.com/v/42znqcedrX0"
   3:      type="application/x-shockwave-flash" >
   4:    <param name="movie" value="http://www.youtube.com/v/42znqcedrX0" />            
   5: </object>

Veamos el caso por ejemplo de un MP3 Player:

   1: <object type="application/x-shockwave-flash" 
   2:      data="http://sergiot2.com/audio/player.swf"
   3:      width="290" height="24" id="audioplayer1">
   4:    <param name="movie" value="http://sergiot2.com/audio/player.swf" />
   5:    <param name="FlashVars" 
   6:          value="playerID=1&amp;autostart=yes&amp;loop=yes&amp;" +
   7:                 "bg=0xf8f8f8&amp;leftbg=0xeeeeee&amp;lefticon=0x666666&amp;" + 
   8:                 "rightbg=0xcccccc&amp;rightbghover=0x999999&amp;" + 
   9:                 "righticon=0x666666&amp;righticonhover=0xFFFFFF&amp;" +
  10:                 "text=0x666666&amp;slider=0x666666&amp;track=0xFFFFFF&amp;" +
  11:                 "border=0x666666&amp;loader=0x9FFFB8&amp;" + 
  12:                 "soundFile=http%3A%2F%2Fsergiot2.com%2Faudio%2FGeorgeMichael-Faith.mp3" />
  13:    <param name="quality" value="high" />
  14:    <param name="menu" value="false" />
  15:    <param name="bgcolor" value="#FFFFFF" />
  16: </object>

NOTA: En el atributo value use “+” para concatenar por cuestión de espacio en el blog se debería colocar todo junto sin concatenar. Notar además como a través de la parámetro FlashVars, podemos pasar variables al objeto flash, si es que lo necesitará. Si desea MP3 Audio Player en su sitio web:

Si desean verificar la validación, pueden hacerlo en la siguiente página: http://sergiot2.com/blog/validW3C.aspx.

Mas sobre el tema de Flash, y la validación:

Saludos,

7 comentarios en “Elementos html Flash validos por la W3C”

  1. Hola, muy bien el codigo y todo, pero hay un problemita, resulta que asi funciona para IE, pero en estos dias todos los clientes, piden que sus paginas sirvan en IE, FF y Safari, como minimo, y para que la pelicula flash funcione en Firefox necesita el tag de . Ahora, en IE por un tema de seguridad con flash, cuando se carga sale un recuadro sobre la pelicula, y es necesario hacer click sobre ella para que funcione, eso es molesto, y los clientes piden quitar eso, para lo que es necesario usar unas librerias de JS, para que ese codigo se escriba desde JS y no quemado en la pagina. Bueno, es recomendable lo del estandar de la W3C, pero para los clientes, entre el estandar y que funcione en todos los navegadores, pues la decision es simple.
    Gracias.

  2. Zinuhe, estoy usando Firefox 3, y no tengo ningún problema con la Web, la veo perfectamente. En IE 7, también funciona perfectamente. En Opera 9.25 también funciona correctamente. Y en safari para windows también se ve bien….

    Por favor, comenta con que versiones estas probando, y no funciona.

    Saludos,

  3. Hola, hola….pues hombre, la version oficial de Firefox3 salio hasta ayer, yo trabajo con IE6, IE7 y las versiones 2.x de Firefox…..que es lo que usualmente piden los clientes, a claro y Safari, los 2 ultimos para Windows y para MAC, lograr la compatibilidad entre todos estos navegadores es algo complicado, hay ciertas cosas que sirven super facil en IE7, pero no sirven para todo el resto inluido IE6. Aun no probamos FF3, pero por lo menos para las versiones 2.x de FF, hay que usar . De todas formas, gracias por el aporte, si en FF3 funciona asi no mas, eso hara nuestras vidas un poco mas facil.
    Gracias.

  4. Zinuhe, en el caso de IE 6, si es por cuestión de negocio y notan que dentro de su tráfico de su sitio web hay bastantes usuarios con IE 6, y sobre todo bastantes clientes, ahí por cuestiones de rentabilidad, se podría mantener la compatibilidad con IE 6. Pero con blogs, sitios web, portales, deberíamos promover el uso de las últimas versiones de los navegadores, que cada vez se acercan más a respetar los estándares.

    Y nada, a promover la campaña: http://www.savethedevelopers.org/.

    Saludos,

  5. Despues de mirar mucho, encontre esta pagina
    lo que queria era simple
    que flash funcione en ieplore ( facil) y en firefox y ademas validado por w3
    Tome el segundo ejemplo y voalá

    Muchas gracias y sigue con esta fabulasa labor
    saludos

Deja un comentario

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