“Fare clic per attivare questo controllo e utilizzarlo”
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 fileI 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
- Variabili dinamiche da HTML a SWF (anche per Flash4)
- Disegnare grafici con Google charts
- Inserire un SWF nelle pagine web: la soluzione definitiva?
- Come creare una gallery multimediale
- Galleria di immagini in Javascript MOOOLTO interattiva
Collegamenti sponsorizzati:
| 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!! |







Romano scrive:
29 Novembre 2007 alle 22:05
Ciao,
ho cercato di fare la procedura spiegata, ma non mi è molto chiara. Cosa intendi per “Prima di tutto bisogna linkare alla pagina HTML
il JS swfobject.js all’interno dell’HEAD.”
DoZ scrive:
29 Novembre 2007 alle 23:26
Basilare: bisogna inserire il codice apposito fra i tag HEAD (che purtroppo in questo blog di wordpress non riesco ad inserire!!!)
knulp scrive:
30 Maggio 2008 alle 12:10
Manca una cosa fondamentale.
Prima di inserire lo script:
var so = new SWFObject(”nome.swf[nome file]”,
“nome […opzionale]”,
“[mis.base]”, “[mis.altezza]”,
“[versione player]”,
“#ffffff[colore di sfondo]”);
so.write(”flashcontent”);
dovete creare un div in questo modo:
</codeAltrimenti non funzionerà
knulp scrive:
30 Maggio 2008 alle 12:15
Come non detto, Wordpress ha modificato tutto, cancellate il commento precedente please.
prima dello script comqune va inserito un div con che abbia come id flashcontent
DoZ scrive:
30 Maggio 2008 alle 12:43
Era scritto, mi pare: