Page 56 - Guida tascabile HTML5

Figura 4.2 I controlli audio e video predefiniti hanno un aspetto diverso a seconda
del browser con cui viene visualizzata la pagina HTML.

NOTA Utilizzando la sintassi <video controls> ottenete un risultato analogo anche per il
riproduttore di contenuti audiovisivi.

Tenete presente che, omettendo l’attributo controls, è possibile creare i propri

controlli ad-hoc attraverso l’utilizzo di codice JavaScript specifico. In questo

modo, aspetto e comportamento dei controlli possono essere personalizzati in ogni
dettaglio, per adattarsi a esigenze particolari o per rendere uniforme la

visualizzazione nei diversi browser.

NOTA Online sono disponibili librerie JavaScript dedicate, che semplificano la
gestione dei contenuti multimediali, garantendo un livello di personalizzazione molto

elevato.
È possibile combinare altri attributi per intervenire su alcuni parametri che

influenzano la riproduzione del contenuto.

preload suggerisce al browser in che momento dovrebbe iniziare il download

della risorsa dal server: none per avviarlo alla pressione del tasto Play,

metadata per scaricare solo i metadati della risorsa, ma posticipare il

download vero e proprio, auto per scaricare tutti i dati durante il caricamento

iniziale della pagina.
loop indica che la riproduzione avverrà a ciclo continuo, senza interrompersi

e ripartendo dall’inizio una volta giunta al termine.

muted permette di silenziare la riproduzione della traccia audio: questo

attributo è utile se associato a codice JavaScript adeguato, per arricchire
l’interazione con l’utente (per esempio in uno scenario in cui l’audio di un

filmato viene silenziato automaticamente quando non è nella porzione visibile
di una pagina molto lunga).

autoplay determina il comportamento del contenuto al caricamento iniziale

della pagina: se indicato la riproduzione sarà immediata e automatica, in caso

contrario sarà necessaria un’azione dell’utente per avviarla.

NOTA Utilizzate l’attributo autoplay con moderazione: nella maggior parte dei casi,
l’utente è infastidito dall’avvio automatico di contenuti audio e video, ma preferisce
controllare in modo autonomo la riproduzione. Tenete anche presente che tale attributo
verrà ignorato dai browser dei dispositivi mobili.