Colocar Flash en nuestras páginas
Ya sabemos que para colocar un archivo Flash en nuestra página hay que usar las etiquetas <object> (para Internet Explorer) y <embed> (para el resto). Lo que obtenemos es un codigo feo, poco legible y que además, a veces, no va bien dependiendo del navegador que usemos.
¿Hay alguna alternativa para mejorar esto? Pues si. Una vez más JavaScript sale al rescate y, colocando un par de cosas en nuestras paginas, se va a encargar de hacer el “trabajo sucio” por nosotros.
Yo voy a comentar como se usa la libreria SWFObject. Se que existen otras que actúan de forma similar pero yo no las he probado.
Para usar esta libreria nos basta con 4 pasos:
- Descargar la libreria AQUI
- Enlazar el archivo swfobject.js en nuestra pagina:
<script type="text/javascript" src="swfobject.js"></script>
- Crear un DIV con un Id donde vaya a ir el archivo flash. Pej:
<DIV id="contenido"></DIV>
- Colocar, en el <head> de la pagina, algo como esto:
<script type="text/javascript">
swfobject.embedSWF("test.swf", "contenido", "300", "120", "9.0.0");</script>
Donde los argumentos de la función swobject.embedSWF son:
- test.swf: la ruta relativa del archivo flash que vamos a colocar.
- contenido: el Id del DIV creado para colocar el archivo.
- 300 y 200: anchura y altura del archivo Flash.
- 9.0.0: version Flash usada
Si todo ha ido bien, tendremos nuestro archivo Flash insertado de forma sencilla en la pagina. Y lo mejor es que funciona en todos los navegadores.
Creo que es obvio que, si vamos a colocar varios archivos flash, hay que crear varios DIV y colocar varias llamadas a la funcion swfobject.EmbedSWF con sus argumentos bien colocados.
Y si no hay JavaScript…
Imagino que os habreis dado cuenta ya a estas alturas que, usar una librera JavaScript, tiene el incoveniente de como se verá la pagina si no está activado el JavaScript en el navegador.
Para cubrirme las espaldas en este caso, lo que yo hago es colocar dentro de cada contenedor, una imagen relacionada con el archivo Flash en cuestión (por ejemplo, el primer fotograma de la animación).
Así, si la pagina no acepta JS, se verán las imágenes colocadas en lugar de los archivos flash y no nos quedará fea.
