unijimpe

En la actualidad muchos habrán visto páginas hechas en Flash con un borde extraño y un mensaje: “Haga clic para activar y usar este control” o en ingles “Click for activate and using this control” esto se debe a nuevas políticas de Internet Explorer en cual no reproduce automáticamente los archivos ActiveX y para ello pregunta antes de ejecutarlo. Esto por motivos de seguridad pues si se permite que se ejecuten todos los ActiveX se puede ejecutar archivos maliciosos en nuestra PC.

Bueno, este pequeño inconveniente es resuelto por SWFObject el cual permite embeber los archivos SWF sin que te muestre este mensaje de advertencia, además de insertar el archivo flash de manera compatible para todos los navegadores. SWFObject es una librería en javascript llamada antes FlashObject, en cual permite embeber archivos SWFs en páginas HTML de manera limpia y estándar.

Como usar SWFObject

Primero descargamos los archivos desde: http://blog.deconcept.com/swfobject/
Luego de ellos extraemos los archivos incluidos en: swfobject1-4.zip donde encontraremos varios archivos de ejemplo, de los cuales el archivo principal es: swfobject.js

Para hacer uso de este javascript deberemos colocarlos en la carpeta de publicación de nuestra web. Para esto debemos insertar el javascript en nuestra página, esto es insertar la siguiente línea antes del cierre del tag HEAD.

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

El segundo requerimiento es insertar un DIV el cual contendrá el SWF. Este DIV debe tener un ID el cual lo identificará para mas adelante asociarlo al javascript que insertará el SWF. El el ejemplo el ID es flashcontent

<div id="flashcontent">
	// Mensaje si no existe el plugin de flash.
</div>

Finalmente la inserción del flash se realiza con el siguiente código:

<script type="text/javascript">
// <!&#91;CDATA&#91;
var so = new SWFObject(path, id, ancho, alto, version, color);
so.write("flashcontent");	
// &#93;&#93;>
</script>

En donde se tiene:

• path: ruta del swf a insertar.
• id: identificador del swf a insertar, esto se usara para procesarlo con javascript en caso se necesite.
• ancho: ancho de la pelicula a insertar.
• alto: alto de la pelicula a insertar.
• version: version del flash player necesario para reproducir la pelicula.
• color: es el color de fondo de la pelicula insertada.

Veamos un ejemplo básico:

<div id="myflash">
Este site necesita el plugin de Flash Player.
</div>
<script type="text/javascript">
// <!&#91;CDATA&#91;
var so = new SWFObject("main.swf","id","50","30","8","#FFF");
so.write("myflash");	
// &#93;&#93;>
</script>

Agregando Parametros al SWF

El el caso que necesitemos añadir Parametros adicionales a la página, esto se hace con el uso del comando addParam. Veamos el siguiente ejemplo:

<div id="myflash">
Este site necesita el plugin de Flash Player.
</div>
<script type="text/javascript">
// <!&#91;CDATA&#91;
var so = new SWFObject("main.swf","id","50","30","8","#FFF");
so.addParam("scale", "noscale");
so.addParam("wmode", "transparent");
so.addParam("flashvars", "nombre=jim&pais=peru");
so.write("myflash");	
// &#93;&#93;>
</script>

Como una observación final les comento que si su página es completamente en flash entonces en el lugar donde colocarán el texto de aviso de requerimiento del plugin, seria adecuado colocar la descripción de la página pues este texto es el que indexarán los buscadores.

Posts Relacionados

• Agregar Flash a tu WordPress
• Videos YouTube en WordPress
• Mil descargas WP-SWFObject
• Insertar SWFs en Blogger
• WP-SWFObject