Base de conocimiento

¿Cómo usar SWFObject?


SWFObject ofrece dos maneras de integrar el contenido de Flash:

    1. Publicación estática: significa integrar Flash y los contenidos alternativos ("Embed") empleando el marcado de lenguaje de hipertexto acorde con los estándares xhtml y JavaScript para resolver las cuestiones que por sí solo no puede resolver el lenguaje de marcado.


    2. Publicación dinámica: consiste en insertar el contenido alternativo utilizando el marcado de lenguaje de hipertexto acorde con los estándares xhtml e integrar Flash con unobtrusive JavaScript (similar a las versiones anteriores de SWFObject y UFO).

Las ventajas que tiene el primer método respecto al segundo son los siguientes:

    1. Promovemos activamete el uso de los estándares.
    2. El mecanismo de inserción del contenido de Flash no depende de JavaScript, por lo que se degrada correctamente:
           * Si tiene el plug-in de Flash instalado, pero tiene JavaScript deshabilitado o su navegador no soporta JavaScript, siempre podrá ver su contenido de Flash
           * Flash también funciona en dispositivos como PSP de Sony, que cuenta con escaso soporte para JavaScript
           * Herramientas programadas, como lectores de RSS serán capaces de recoger el contenido de Flash

Las ventajas del segundo método respecto al primero son las siguientes:

    1. Es más fácil de escribir, por ser menos ampuloso y no contiene código redundante
    2. Evita el mecanismo "clic-para-activar"para activar el contenido activo en Internet Explorer 6 + y Opera 9 +


La biblioteca SWFObject consta de un archivo JavaScript externo (tamaño: 10.7Kb, GZIPed: 3.5Kb). SWFObject se ejecutará tan pronto como sea leído y se realicen todas las manipulaciones DOM cuando éste esté cargado - en todos los navegadores compatibles, por ejemplo IE, Firefox, Safari y Opera 9 + - o, por el contrario, tan pronto como se active el evento onload, en otros navegadores.


  <head>

    <title>SWFObject v2.0 Publicación Dinámica o Dynamic Embed</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
 
    <script type="text/javascript" src="http://vms.emotic.tv/js/swfobject2.js">
    </script>

 
</head>
  <body>

    <div id="flashvideo">
      <p>Contenido alternativo</p>
    </div>
  </body>

</html>
 




Una vez insertada la llamada dentro de <head>, pegamos el código obtenido en EMOTIC dentro de <body>



EJEMPLO:

  <body>
    <div id="flashvideo">
      <p>Contenido alternativo</p>
    </div>
<script type="text/javascript">
var provider = "http://vms.emotic.tv/";
var flashvars = {
    config: provider + "getConfig/?v=[codigo video]"
};

var params = {
    allowfullscreen: "true",
    allowscriptaccess: "allways",
    wmode: "transparent"
};

swfobject.embedSWF(provider + "players/single-pro/mediaplayer.swf",
"flashvideo", "[ancho]", "[alto]", "8.0.0", provider +
"players/expressInstall.swf", flashvars, params);
    </script>
  </body>