Come inserire correttamente un file SWF in una pagina HTML usando javascript, seguendo le ultime specifiche in materia di aggiornamento per Microsoft Internet Explorer (MSIE), ed evitare che si debba ricorrere ad un click aggiuntivo prima di poter utilizzare il filmato Flash.

Cosa bisogna fare in pratica? Invece di impaginare l’SWF col solito tag OBJECT bisogna farlo con JAVASCRIPT. Prima di tutto bisogna linkare alla pagina HTML il JS swfobject.js all’interno dell’HEAD:

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

(Potete scaricarlo da questa pagina, alla voce download)

Il file SWF verrà indicato all’interno di un JS presente nel BODY, in questa maniera:

<script>
var so = new SWFObject(”nome.swf[nome file]”,
nome […opzionale]”,
“[mis.base]”, “[mis.altezza]”,
“[versione player]”,
“#ffffff[colore di sfondo]”);
so.write(”flashcontent”);
< /script>

Alcuni parametri aggiuntivi di esempio:

so.addParam("menu", "false"); // nasconde il menu
so.addParam("SCALE", "showall");
so.addParam("quality", "autolow"); // imposta la qualità del filmato flash
so.addParam("SALIGN", "TL"); // allinea in alto a sinistra
so.addVariable("variabile1", "valore1"); // passa una variabile al file

I parametri aggiuntivi vanno inseriti dopo la dichiarazione della variabile so (cioè dopo la prima riga); l’importante è scrivere il comando so.write per ultimo. Prima del tag SCRIPT potrete inserire un DIV “flashcontent” per inserire dell’eventuale contenuto alternativo, che verrà mostrato se la versione del player presente nel browser dell’utente non permette la visualizzazione del SWF.

 <div id="flashcontent">
  Questo testo è sostituito dal filmato Flash.
</div>

Se si vogliono impostare i valori altezza e/o larghezza al 100%, bisogna farlo anche sul TAG che contiene il javascript.

style="height:100%; width:100%;"

Links:

• actionscript.com
• magnificaweb.it/flashobject/
• blog.deconcept.com/swfobject/
• attivissimo.blogspot.com
• flashkit.com/board/
• adobe.com

Articoli simili

1. Variabili dinamiche da HTML a SWF (anche per Flash4)
2. Disegnare grafici con Google charts
3. Inserire un SWF nelle pagine web: la soluzione definitiva?
4. Come creare una gallery multimediale
5. Galleria di immagini in Javascript MOOOLTO interattiva

Se l'articolo ti è piaciuto è sempre graditissimo un commento! Se vuoi ricevere le ultime novità dal mio blog puoi anche iscriverti ai Feed RSS (non si paga!). Anche via email. CIAO!!