Video e contenuti multimediali con il tag OBJECT

 Scritto da Davide in HTML & CSS 28 agosto 2007 2 commenti

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+ 3.0+


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


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+ 3.0+



type="application/x-java-applet"
classid="java:URL"
width="px"
height="px">


classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
width="px"
height="px"> value="URL" />






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+ 3.0+


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


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+ 3.0+



type="video/quicktime"
data="URL"
width="px"
height="px">


classid="clsid:02BF25D5-8C17-4B23-BC80D3488ABDDC6B"
width="px"
height="px"> value="URL" />






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+

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


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+ 3.0+



type="image/svg+xml"
data="URL"
width="px"
height="px">


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






Esempio

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

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