Riproduzione video sul Web

A seconda dell'elemento HTML utilizzato, il video può essere riprodotto "inline" o tramite un qualche "assistente".

Video Inline (Inline Videos)

Quando un video è incluso nella pagina web o è parte di essa, viene chiamato video inline.

Utilizzando l'elemento <img>, è possibile aggiungere video inline alla pagina web.

Se pianifichi di utilizzare video inline nelle tue applicazioni web, devi sapere che molti utenti odiano i video inline. Anche nota che alcuni utenti potrebbero già aver disattivato l'opzione dei video inline nei loro browser.

Il nostro consiglio è di includere video inline solo nei punti in cui l'utente desidera ascoltare il suono. Ad esempio, quando l'utente apre la pagina, clicca su un link per guardare il video.

Usa gli assistenti (Plug-In, plugin)

Le applicazioni di assistenza sono programmi che possono essere avviati tramite il browser per "aiutare" il browser a riprodurre video. Le applicazioni di assistenza sono anche chiamate plugin (Plug-Ins).

Le applicazioni di assistenza possono essere avviate utilizzando l'elemento <embed>, o gli elementi <applet> e <object>.

Un grande vantaggio dell'uso delle applicazioni di assistenza è che permette agli utenti di controllare alcune impostazioni del riproduttore.

La maggior parte delle applicazioni di assistenza permette di controllare manualmente o tramite programmazione le impostazioni di volume e le funzioni di riproduzione, come replay, pausa, stop e play.

Usa l'elemento <img>.

Internet Explorer supporta l'attributo dynsrc dell'elemento <img>.

Questo elemento ha la funzione di incorporare elementi multimediali nel sito web:

<img dynsrc="video.avi" />

Il frammento di codice sopra ha impostato un file AVI incorporato nella pagina web.

Nota:L'attributo dynsrc non è un elemento standard HTML o XHTML. Solo Internet Explorer supporta questa proprietà.

Usa l'elemento <embed>.

Internet Explorer e Netscape supportano l'elemento <embed>.

Questo elemento ha la funzione di incorporare elementi multimediali nel sito web:

<embed src="video.avi" />

Il frammento di codice sopra ha impostato un file AVI incorporato nella pagina web.

Puoi trovare l'elenco delle proprietà dell'elemento <embed> nell'ultima sezione di questa guida.

Nota:Internet Explorer e Netscape supportano l'elemento <embed>, ma non è un elemento standard HTML o XHTML. La World Wide Web Consortium (W3C) consiglia di utilizzare l'elemento <object> per sostituirlo.

Utilizzo dell'elemento <object>

Internet Explorer e Netscape supportano l'elemento <object>.

Questo elemento ha la funzione di incorporare elementi multimediali nel sito web:

<object data="video.avi" type="video/avi" />

Il frammento di codice sopra configurato ha impostato un file AVI incorporato nella pagina web.

Puoi trovare l'elenco delle proprietà dell'elemento <object> nella sezione finale di questo tutorial.

Utilizzo di hyperlink

Se una pagina web contiene un link verso un file multimediale, la maggior parte dei browser utilizzerà un "assistente" per riprodurre il file:

<a href="video.avi">Clicca qui per riprodurre il file video</a>

Il frammento di codice sopra configurato ha impostato un link verso un file AVI. Se l'utente clicca su questo link, il browser avvierà un assistente (ad esempio Windows Media Player) per riprodurre il file AVI.