jQuery SWFObject Plugin

  • 25/01/2009
  • 2:11 pm
  • unijimpe

jQuery SWFObject plugin es una extensión para jQuery que ofrece toda la funcionalidad de SWFObject para incluir archivos SWFs en páginas HTML.

jquery-swfobject

Si ya tienes una web en donde utilizar jQuery es sencillo utilizar esta extensión pues utiliza los métodos proveídos por jQuery para lograr la funcionalidad original de SWFObject. Ahora si por el contrario no utilizas ninguna librería es recomendable el uso de la librería original de SWFObject.

Como utilizar jQuery SWFObject
Lo primero es incluir las librerías necesarias en el header del HTML donde vamos a mostrar los SWFs.

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

Luego incluimos el DIV en donde deseamos se muestre nuestro flash, le asignamos un identificador para posteriormente llamarlo con nuestro plugin.

  1. <div id="movie">Flash Movie</div>

Como paso final llamamos al método flash que permitirá asignar que SWF utilizaremos con que dimensiones y en que DIV se visualizará. Hay que llamar a este método una vez que ha sido cargada toda la página para evitar errores de Javascript, esto lo hacemos.

  1. <script type="text/javascript">
  2. $(document).ready(function () {
  3.     $('#movie').flash({
  4.         swf: 'demo.swf',
  5.         width: 400,
  6.         height: 320,
  7.         flashvars: {name1:'jQuery', name2:'SWFObject'},
  8.         params: {wmode: 'transparent'}
  9.     });
  10. });
  11. </script>

Hay que notar la sencillez para indicar las propiedades incluso los flashvars y parámetros adicionales.

Esta es una nueva posibilidad para los que incluimos SWFs en nuestras páginas y la ideal para los que ya estan utilizando jQuery.

Posts Relacionados

WP-SWFObject 2.1

  • 16/11/2008
  • 8:13 pm
  • unijimpe

Nuevamente les presentamos una actualización de nuestro plugin WP-SWFObject el cual permite insertar archivos Flash en Wordpress de manera sencilla. Esta nueva versión trae nuevas funcionalidades, optimización del código fuente para mejorar la velocidad del script.

Que trae esta nueva versión?
Entre los cambios mas importantes podemos mencionar.

  • Hemos escrito completamente las funciones, eliminando variables adicionales, reduciendo el tamaño del código y mejorando el rendimiento.
  • Se corrigieron errores de sintaxis en el formulario de configuración.
  • Ahora hay una nueva opción para seleccionar la versión de SWFObject a utilizar, incluso se permite el uso de SWFObject desde Google AJAX Libraries API.
  • Se modificaron las funciones para mostrar los elementos Flash y ahora no hay necesidad de que el template tenga una llamada a wp_footer.
  • Se modificaron los estilos para la alineación de los elementos Flash.
  • Se agregaron estilos para delinear los bloques donde se muestran los SWFs.

SWFObject Version
Esta nueva cualidad permite seleccionar entre tres versiones:

  • SWFObject 1.5
    Utiliza la sintaxis antigua de SWFObject la cual puede facilitar la compatibilidad con otras librerías, es ligera y con sintaxis ampliamente conocida.
  • SWFObject 2.0
    Hace uso de la sintaxis de SWFObject 2.0 la cual es mucho mas potente, además cumple los estandares.
  • SWFObject 2.0 (from Google Library)
    Utiliza la sintaxis de SWFObject 2.0, pero enlaza la librería directamente desde Google AJAX Libraries API, acelerando la velocidad de carga.

Nuevamente gracias a nuestros visitantes por sus sugerencias y observaciones, gracias a ello seguimos trabajando para mejorar cada día este popular plugin. Si ya estas utilizando este plugin y puedes actualizarlo automáticamente, de lo contrario puedes descargarlo e instalarlo manualmente.

Ahora si tienen preguntas y/o comentarios lo pueden hacer en el foro: WP-SWFObject Forum.

Posts Relacionados

SWFObject en Google Library

  • 13/11/2008
  • 11:59 pm
  • unijimpe

SWFObject la popular librería para incluir SWFs dentro de documentos HTML ha sido integrado al servicio Google AJAX Libraries API, el cual brinda alojamiento a las mas populares librerías utilizadas en el desarrollo web.

Esta es una buena noticia pues podemos incluir SWFObject directamente desde los servidores de Google, mejorando la velocidad de carga de nuestras webs. Actualmente se tiene disponible SWFObject 2.1, para ello podemos utilizar la función google.load o directamente desde un URL.

Incluir SWFObject con URL Absoluto.
Para esta forma podemos utilizar el URL absoluto de la librería, el cual es el siguiente:

  1. http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js

Luego insertamos de la forma normal el SWF utilizando la sintaxis de SWFObject, con lo cual tendríamos al incluir un SWF llamado main.swf con dimensiones de 231x132 pixels.

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
  2. <script type="text/javascript">
  3.   swfobject.embedSWF("main.swf", "main", "231", "132", "8.0.0");
  4. </script>

Incluir SWFObject utilizando google.load
Adicionalmente se puede utilizar la función google.load el cual carga dinámicamente la librería y provee un evento que se ejecuta una vez que ha sido cargada la librería, entonces utilizando este método la sintaxis para incluir SWFs sería de la forma:

  1. <script src="http://www.google.com/jsapi"></script>
  3. google.load("swfobject", "2.1");
  4. google.setOnLoadCallback(function() {
  5.   swfobject.embedSWF("main.swf", "main", "231", "132", "8.0.0");
  6. });
  7. </script>

Esta segunda forma tiene la ventaja que se ha comprobado que la librería ha sido cargado y por ende se puede hacer el llamado directo a los métodos de esta librería.

Mas Información

Posts Relacionados