Risolvere il problema degli ActiveX di Internet Explorer con FlashObject: Guida Rapida
19 Aprile 2006
Visto il notevole interesse che ha destato l’utilizzo di FlashObject per evitare i problemi di Internet Explorer con gli ActiveX dopo gli aggiornamenti dell’11 Aprile (a causa del brevetto EOLAS), ho deciso di scrivere un guida rapida per spiegare l’utilizzo di FlashObject. Chiunque fosse interessato ad una spiegazione più approfondita di FlashObject può leggere la mia traduzione dell’articolo originale.
Il modo più semplice per utilizzare FlashObject
- aggiungete il riferimento allo script nella sezione HEAD della vostra pagina
<script type="text/javascript" src="flashobject.js"></script> - aggiungete alla vostra pagina un div e chiamatelo flashcontent (o come preferite, l'importante è che sia un nome univoco)
- all'interno del div inserite il vostro testo alternativo (questo testo sarà visibile all'utente soltanto se non ha installato il plugin Flash o non ha una versione abbastanza recente. Ricordate che come valore aggiuntivo questo testo sarà indicizzato dai motori di ricerca permettendovi una miglior ottimizzazione per la vostra pagina)
- dopo aver chiuso il div flashcontent chiamate il JavaScript:
<script type="text/javascript">
var fo = new FlashObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
fo.write("flashcontent");
</script>
[Nota: chiamando lo script all'interno del div flashcontent si potrebbero avere problemi di compatibilità con alcuni browser, visto che lo script fa riferimento al div flashcontent che però non è ancora stato chiuso]
Questi sono i significati dei parametri passati all’oggetto FlashObject:
- movie.swf = nome e percorso del filmato da inserire nella pagina;
- mymovie = id del vostro oggetto;
- 200 = larghezza del filmato Flash;
- 100 = altezza del filmato Flash;
- 7 = versione del player richiesta per riprodurre il filmato Flash;
- #336699 = colore dello sfondo.
Se volete inserire più filmati nella stessa pagina aggiungete tanti elementi div quanti sono i filmati da inserire ed attribuite ad ogni div un nome univoco (ad esempio: flashcontent1, flashcontent2, ecc.) ed attivateli separatamente scrivendo:
<script type="text/javascript">
var fo1 = new FlashObject("movie1.swf", "mymovie1", "<larghezza filmato 1>", "<altezza filmato 1>", "7", "<sfondo filmato 1>");
fo1.write("flashcontent1");
var fo2 = new FlashObject("movie2.swf", "mymovie2", "<larghezza filmato 2 >", "<altezza filmato 2 >", "7", "<sfondo filmato >");
fo2.write("flashcontent2");
var fo3 = new FlashObject("movie3.swf", "mymovie3", "<larghezza filmato 3 >", "<altezza filmato 3 >", "7", "<sfondo filmato 3 >");
fo3.write("flashcontent3");
…
…
</script>
Se il visitatore non ha la versione richiesta del plugin Flash vedrà il testo alternativo presente nel div. In questo testo potreste inserire un collegamento alla pagina di macromedia dove effettuare il download del player Flash più recente. Oppure potreste utilizzare l'utilissima funzione Express Install per effettuare l'aggiornamento del player senza far lasciare il vostro sito ai visitatori.
Per concludere riporto la struttura di una pagina che utilizza FlashObject per inserire un filmato Flash
<html>
<head>
...
<script type="text/javascript" src="flashobject.js"></script>
...
</head>
<body>
...
<div id="flashcontent">
Testo Alternativo. Sarà sostituito dal filmato Flash, se il player Flash è abbastanza recente.
</div>
<script type="text/javascript">
var fo = new FlashObject("index.swf", "mymovie", "760", "520", "7", "#336699");
fo.write("flashcontent");
</script>
...
</body>
</html>
Spero che questa guida vi possa essere in qualche modo di aiuto.
Saluti
Luca
Ti è piaciuto questo articolo? Aggiungilo a: del.icio.us
