Mantener sitios compatibles con W3C a veces parece una tarea imposible, más aún cuando se integran objetos, módulos, plugins de diferentes fabricantes para los cuales la compatibilidad W3C no es algo relevante. El objetivo especifico de este tutorial es mostrar una alternativa que permite visualizar objetos flash correctamente en los diferentes navegadores garantizando la compatibilidad W3C.

 

Tradicionalmente se insertan objetos flash de la siguiente forma:

<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com
/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="400" height="300" id="movie" align="">
<param name="movie" value="movie.swf">
<embed src="movie.swf" quality="high" width="400"
height="300" name="movie" align=""
type="application/x-shockwave-flash"
plug inspage="http://www.macromedia.com/go/getflashplayer">
</object>

Sin embargo esta forma no es compatible con W3C ya que la etiqueta embed no existe en la definición del lenguaje XHTML.

Entonces una de las soluciones más populares al problema es usar el objeto SWObject. Lo primero es descargar la libreria desde http://code.google.com/p/swfobject/downloads/list y descomprimirla. Al descomprimir el archivo encontraremos el archivo swfobject.js que debe ser ubicado en la ruta donde se ubiquen los scripts dentro del servidor web.

En el código de la página se debe incluir la referencia al archivo de la siguiente forma:

<script src="swfobject.js" type="text/javascript"></script>

Luego insertaremos el siguiente script en la página:

<script type="text/javascript">
swfobject.embedSWF("test.swf", "myId", "300", "120", "8.0.0");
</script>

Y finalmente en el sitio donde quedará el objeto flash colocaremos el siguiente código:

<div>
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120">
<param name="movie" value="test.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="test.swf" width="300" height="120">
<!--<![endif]-->
<div>
<h1>Alternative content</h1>
<p><a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>

Y voila nuestra página muestra el objeto flash y es compatible con W3C.