L’update per Internet Explorer 6 ha portato il blocco dei contenuti ActiveX, categoria di cui il flash player fa parte.

Se prima era possibile interagire immediatamente con un filmato Flash una volta visualizzato, ora è necessario un click “intermedio“.

In altre parole il filmato è comunque visualizzato, ma per cliccare su un puslante ad esempio, dobbiamo prima eseguire un click per attivare l’oggetto ActiveX.

È il browser stesso ad indicarlo con un bordo intorno al filmato e un tooltip che ci chiede di cliccare per attivare il contenuto.

Andiamo a inserire il flashobject.js nella pagina HTML tra <head> e </head>
Fate attenzione a inserire il percorso esatto del javascript a seconda di dove lo metterete

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

Poi andiamo a inserire questo codice nel punto in cui vogliamo visualizzare l’oggetto Flash:
<div id="flashcontent">
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW" mce_href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW">scarica Flash Player</a>
</div>
<script type="text/javascript">
var so = new SWFObject("movie.swf", "mymovie", "200", "300", "7", "#336699");
so.addParam("quality", "best");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>

  • Andiamo ad analizzare il codice:

Nel div con id flashcontent potremo inserire un elemento: testo, immagine, link ecc. alternativo, ovvero quando il player richiesto, non sarà rilevato, (in questo esempio player 7) inevece di far uscire la pagina bianca, scriverà il contenuto alternativo, di solito io inserisco un link alla pagina di Adobe al download dell’ultimo FlashPlayer disponibile.

<div id="flashcontent">
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW" mce_href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW">scarica Flash Player</a>
</div>

  • Ora andiamo a vedere la visualizzazione dell’oggetto flash

<script type="text/javascript">
var so = new SWFObject("movie.swf", "mymovie", "200", "300", "7", "#FFFFFF");
so.addParam("quality", "best");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>

Analizziamo la creazione dell’oggetto SWFObject in cui troviamo:

  • movie.swf: nome del file swf
  • mymovie: id del file swf
  • 200: larghezza in pixel
  • 300: lunghezza in pixel
  • 7: Player nessario per visualizzare il filmato
  • #FFFFFF: colore di sfondo del filamto

In questo esempio viene impostata la qualità a BEST, lo sfondo trasparent e l’allineamento a t

In caso voleste inserire più filmati con questo metodo, vi basterà cambiare o incrementare la varibile so (es. so2) e l’id del div flashcontent (es flashcontent2)

Scarica l’esempio

Condividi su:
  • del.icio.us
  • Digg
  • Facebook
  • Upnews
  • Wikio IT
  • Segnalo
  • Sphinn
  • StumbleUpon

, , , , , , ,