jQuery Flash Plugin

jQuery Flash Plugin es una extensión para la popular librería jQuery el cual permite incluir películas flash en páginas HTML. Esta extensión fue escrita emulando las características de SWFObject el cual es muy extendido entre los desarrolladores.

Actualmente se encuentra en su versión 1.0.3 y tiene un tamaño de 8.4 Kb. Para utilizarlo es necesario utilizar JQuery el cual contiene las funciones necesarias para el funcionamiento.

El primer paso para su uso es incluir las librerías jquery.js y jquery.flash.js en el html que requiere incluir la película flash.

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

Luego si deseamos incluir una película flash llamada example.swf con dimensiones 720×480 px y que requiera como mínimo Flash player 8 tendríamos:

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.     $('#example').flash(
  4.         { src: 'example.swf',
  5.           width: 720,
  6.           height: 480 },
  7.         { version: 8 }
  8.     );
  9. });

En donde se tiene que #example indica que se cargará el flash en el elemento html cuyo identificador es example. Finalmente uniendo todas las piezas obtendremos la forma de incluir flash a través de este plugin.

  1. <title>jQuery Flash Plugin</title>
  2. <script type="text/javascript" src="jquery.js"></script>
  3. <script type="text/javascript" src="jquery.flash.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6.     $('#example').flash(
  7.         { src: 'example.swf',
  8.           width: 720,
  9.           height: 480 },
  10.         { version: 8 }
  11.     );
  12. });
  13. </head>
  14. <div id="example">Hola jQuery flash plugin</div>
  15. </body>
  16. </html>

Como ven una nueva forma de incluir películas flash, muy interesante aunque yo sigo prefiriendo SWFObject para mis implementaciones por que no te pide ninguna librería adicional, pero si ya estas utilizando jQuery sería ideal para tu caso.

Comentarios Total 4 comentarios


Francisco Padilla
Publicado: 28/02/2008 12:10 pm

Hola tengo un problema utilizando este jquery, a la hora de cargar el flash en la pagina no se reproduce automaticamente, hay que darle boton derecho del mouse y darle en reproducir, existe algun parametro para incluirlo y que se ejecute automaticamente?

spideep
Publicado: 24/03/2008 12:54 pm

Con jquery.flash se puede setear el color de fondo de la película?

gracias

Andy
Publicado: 10/11/2008 10:12 pm

Hola, quiero cargar un reproductor swf en una ventana modal con jquery, y ademas cuando lo cierre no siga el audio, problema en ie pero no ff.

Gracias de antemano.

panxo
Publicado: 21/09/2010 3:17 pm

al colocar un flash de esta forma, queda encima de todo, y al colocar una capa que estaba oculta, la cual tiene que quedar por debajo, pasa que el flash me tapa todo… como puedo arreglar esto?

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)