Durante este minitutorial aprenderemos a usar SWFObject para incrustar nuestras películas SWF dentro de código HTML.

SWFObject es la mejor y sencilla forma actualmente para mostrar nuestras películas SWF en páginas HTML. Realiza esta tarea mediante código Javascript, sustituyendo así los métodos “clásicos” como el las etiquetas object y embed. Aplicaciones como FlashDevelop, usan SWFobject como método predeterminado para la incrustación de películas. Además cuenta con licencia libre.

Hay múltiples formas de usar SWFObject, pero en éste caso usaremos la versión AIR del generador provisto en la propia web del proyecto. Para ello necesitaremos tener instalado Adobe AIR.

1. En primer lugar descargaremos el fichero .zip y procederemos a descomprimir en una carpeta.
2. Instalamos la aplicación AIR y ejecutamos.
3. Completamos todos los campos, click en la imagen para ampliar.

4. Rellenamos los campos marcados como obligatorios y los campos opcionales que necesitemos.
   SWFObject permite incrustar nuestras películas tanto con un tamaño fijo determinado en píxeles, como con tamaño variable basado en porcentajes a través del campo Dimensions.
5. Hacemos click en el botón Generate para generar nuestro código HTML.
6. Hacemos click en Save File y guardamos en un archivo con extensión .html o hacemos click en Copy to Clipboard para copiar y pegar en nuestro programa de edición HTML favorito.
7. Subimos a un directorio de nuestro servidor FTP el fichero .html que hemos obtenido en el proceso.
8. A continuación subimos a nuestro servidor FTP nuestra película SWF, en la ruta relativa indicada anteriormente en el fichero .html. Normalmente en el mismo directorio del fichero .html.
9. Ahora procedemos a situar nuestros ficheros necesarios para SWFObject.
   1. Descargamos el fichero .zip y extraemos en una carpeta.
   2. Subimos al servidor FTP los ficheros necesarios para el funcionamiento de SWFObject, en las rutas relativas indicadas en el .html generado. Normalmente en el mismo directorio del fichero .html.
   3. Es necesario el fichero Javascript swfobject.js. El fichero expressInstall.swf es necesario sólo en caso de usar instalación express
10. Comprobamos que todo funcione correctamente.

 
 
 
 
Web del proyecto: http://code.google.com/p/swfobject/
SWFObject: http://swfobject.googlecode.com/files/swfobject_2_2.zip
Generador: AIR / HTML
Documentación: http://code.google.com/p/swfobject/wiki/documentation