FlashObject, un metodo alternativo per inserire il Flash

Ho appena scoperto, anche se è bel po' di tempo che esiste, un metodo per inserire un oggetto Flash all'interno della pagina rimanendo validi e pienamente compatibili con tutti i browser. Si chiama FlashObject.

FlashObject è una classe scritta da Geoff Stearns in Javascript e permette di inserire all'interno di una pagina web un oggetto Flash, questo, rimanendo sempre validi e accessibili al 100%..

Ma vediamo come funziona.

Anzitutto dobbiamo andare sul sito-blog di Geoff Stearns e scaricare l'ultima versione, oramai giunta alla 1.2.3
Questo script è distribuito secondo la MIT License.

Una volta scaricato, decomprimetelo con Winzip oppure, se avete MacOS X o Windows XP basta fare un doppio click.

Inseritelo nella directory del vostro sito e poi aggiungete questa riga dentro la head del markup:

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

Adesso, al posto del tag <object> che avete nel vostro sito, inserite un blocco <div> e dategli un id, ad esempio flashcontent.
Una volta completato inserite il seguente codice al di fuori del suddetto tag:

<script type="text/javascript">
var fo = new FlashObject("movie.swf" , "mymovie" ,
"200" , "100" , "7" , "#336699");
fo.write("flashcontent");
</script>

in tutto verrà una cosa del genere:

<div id="flashcontent">
Questa scritta sarà sostituita dal filmato Flash.
</div>
<script type="text/javascript">
var fo = new FlashObject("movie.swf" , "mymovie" ,
"200" , "100" , "7" , "#336699");
fo.write("flashcontent");
</script>

Adesso andiamo a spiegare meglio il concetto. Questa classe Javascript non fa altro che sostituire, in caso sia presente il flash player, il contenuto del blocco flashcontent con gli elementi necessari per visualizzare il filmato flash, che siano object o embed.

Ci sono alcuni attributi che dobbiamo dichiarare quando creiamo il nuovo oggetto fo [flashobject], vediamole da sinistra verso destra:

Il Nome del Filmato
Un ID per il filmato
La larghezza del Filmato
L'altezza del Filmato
La versione minima del Flash necessario
Il colore di background del flash

Il punto 5 è necessario per far sì che FlashObject riesca a fare il check della versione del Flash Player, (questa caratteristica andava persa utilizzando il metodo Satay descritto nell'altro articolo del nostro efficentissimo Alessandro.

Andando avanti con il nostro script, il metodo .write che richiamiamo subito dopo serve per far scrivere il codice flash all'interno del blocco div che andiamo a specificarlo come argomento (flashcontent).

Ovviamente è possibile passare variabili al nostro filmato in modo da poter continuare ad utilizzare Flashvars, basta utilizzare il metodo .addVariable, vediamo come:

<script type="text/javascript">
var fo = new FlashObject("movie.swf" , "mymovie" ,
"200" , "100" , "7" , "#336699");
fo.addVariable("variable1" , "value1");
fo.addVariable("variable2" , "value2");
fo.addVariable("variable3" , "value3");
fo.write("flashcontent");
</script>

in questo modo avremo disponibile le variabili: variable1, variable2 e così via.

E' anche possibile avere disponibili le variabili passate in GET nell'url della pagina:

<script type="text/javascript">
var fo = new FlashObject("movie.swf" , "mymovie" ,
"200" , "100" , "7" , "#336699");
fo.addVariable("variable1" , getQueryParamValue("variable1"));
fo.addVariable("variable2" , getQueryParamValue("variable2"));
fo.write("flashcontent");

Tutto qui, in fondo non è difficilissima da utilizzare e ci toglie moltissime noie.
In caso vogliate approfondire l'argomento potete commentare l'articolo.

Se volete sapere qualcosa di più riguardo l'utilizzo della classe, fate un salto sul sito dell'autore, http://blog.deconcept.com/flashobject/.