Topic: Video e contenuti multimediali con il tag OBJECT

[the fly on the net]

Nei browser basati su Gecko, quali Mozilla Firefox, è pienamente supportata la capacità di inserire video, animazioni e contenuti multimediali utilizzando il nuovo tag OBJECT, secondo quanto previsto dalle raccomandazioni W3C.

Anche se è ancora possibile utilizzare il tag EMBED per il medesimo scopo, è sconsigliato il suo utilizzo in quanto si tratta di un tag deprecato e che in futuro probabilmente verrà abolito.

Esistono tuttavia dei problemi di compatibilità con Internet Explorer: i browser Gecko - ed in genere tutti i browser che si attengono alle raccomandazioni W3C - richiedono di identificare il contenuto specificando il tipo MIME dell'oggetto da includere, mentre Internet Explorer richiede quale plug-in/ActiveX usare tramite il suo codice GUID univoco. Bisogna prestare molta attenzione alla sintassi dei tag OBJECT, affinché i browser Gecko li accettino senza comprometterne la compatibilità.

In questa pagina raccogliamo la sintassi cross-browser e standard-compliant del tag OBJECT per i formati più comuni.

Shockwave Flash (Adobe Macromedia)

Tipo MIME: application/x-shockwave-flash
Estensione: SWF
Sito web: http://www.adobe.com/shockwave/
Requisiti del client: Flash Player
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 5.0+ 8.0+

Codice: [Seleziona]

<object
  type="application/x-shockwave-flash"
  data="URL"
  width="px"
  height="px">

    <param name="movie"
      value="URL" />

</object>

Esempio

Applet Java (Sun Microsystems)

Tipo MIME: application/x-java-applet
Estensione: CLASS, JAR, JNPL
Sito web: http://java.sun.com/
Requisiti del client: Java Runtime Environment
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 6.0+ 8.0+ 2.0+

Codice: [Seleziona]

<!--[if !IE]>-->
<object
  type="application/x-java-applet"
  classid="java:URL"
  width="px"
  height="px">
<!--<![endif]-->

<object
  classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
  width="px"
  height="px">

  <param name="code"
    value="URL" />

</object>

<!--[if !IE]>-->
</object>
<!--<![endif]-->

Esempio

WMV - Windows Media Video (Microsoft Corporation)

Tipo MIME: video/x-ms-wmv
Estensione: WMV
Sito web: http://www.microsoft.com/windows/windowsmedia/
Requisiti del client: Windows Media Player, MPlayer
Compatibilità: 1.0+ 1.0+ 1.0+ 8.0+ 5.0+ 8.0+

Codice: [Seleziona]

<object
  type="video/x-ms-wmv"
  data="URL"
  width="px"
  height="px">

  <param name="src"
    value="URL" />

</object>

Esempio

WMA - Windows Media Audio (Microsoft Corporation)

Tipo MIME: audio/x-ms-wma
Estensione: WMA

Vedi guida per WMV

ASF - Advanced Streaming Format (Microsoft Corporation)

Tipo MIME: application/asx, video/x-ms-asf
Estensione: ASF, ASX

Vedi guida per WMV

QuickTime (Apple Computer)

Tipo MIME: video/quicktime
Estensione: MOV
Sito web: http://www.apple.com/quicktime
Requisiti del client: QuickTime Player, QuickTime Alternative, MPlayer
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 6.0+ 8.0+

Codice: [Seleziona]

<!--[if !IE]>-->
<object
  type="video/quicktime"
  data="URL"
  width="px"
  height="px">
<!--<![endif]-->

<object
  classid="clsid:02BF25D5-8C17-4B23-BC80D3488ABDDC6B"
  width="px"
  height="px">

  <param name="src"
    value="URL" />

</object>

<!--[if !IE]>-->
</object>
<!--<![endif]-->

Esempio

RealMedia (Real Networks)

Tipo MIME: audio/x-pn-realaudio-plugin
Estensione: RM, RA, RV, RPM
Sito web: http://www.real.com/
Requisiti del client: Real Player, Real Alternative, MPlayer
Compatibilità: 1.0+ 1.0+ 1.0+ 1.0+ 8.0+ 6.0+

Codice: [Seleziona]

<object
  type="audio/x-pn-realaudio-plugin"
  data="URL"
  width="px"
  height="px">

  <param name="src"
    value="URL" />

</object>

Esempio

SVG - Scalable Vector Graphics (W3C)

Tipo MIME: image/svg+xml
Estensione: SVG
Sito web: http://www.w3.org/Graphics/SVG/   
Requisiti del client: Gecko 1.8+ (supporto nativo), Adobe SVG Viewer
Compatibilità: 1.5+ 1.0+ 1.0+ 8.0+ 6.0+ 8.0+

Codice: [Seleziona]

<!--[if !IE]>-->
<object
  type="image/svg+xml"
  data="URL"
  width="px"
  height="px">
<!--<![endif]-->

<iframe
  src="URL"
  width="px"
  height="px">

<!--[if !IE]>-->
</object>
<!--<![endif]-->

Esempio


Il presente articolo è pubblicato secondo la licenza di utilizzo Creative Commons. L'autore non si assume alcuna responsabilità nel caso di eventuali errori. I nomi ed i loghi coperti da eventuale marchio registrato sono dei rispettivi proprietari e sono utilizzati senza tenerne conto.

Legenda:
Mozilla Firefox
Mozilla Suite
Seamonkey
Camino
Netscape Navigator
Microsoft Internet Explorer
Opera
Safari

"URL" = Indirizzo URL dell'oggetto da includere
"px" = Dimensione in pixel dell'oggetto