Audio e video - HTML5 con CSS e JavaScript - page 184

senti e potendo essere manipolati con JavaScript e stilizzati (nel limite e con differenze tra
browser) con i CSS. Nell'esempio 9.1 possiamo vedere come usare i due tag per inserire
due contenuti audio e video all'interno della nostra pagina.
Esempio 9.1
<h1>Audio</h1>
<audio src="test.mp3" controls />
<h1>Video</h1>
<video src="test.mp4" controls>
Il tuo browser non supporta i video
</video>
L'attributo src ci permette di indicare con un URI (nell'esempio una risorsa locale) quale
sia il contenuto multimediale da riprodurre. L'attributo controls indica di visualizzare
i controlli standard offerti dal browser per la classica gestione di play, pause, seek e vo-
lume, di cui ogni contenuto multimediale normalmente necessita. Da notare, infine, che
all'interno del tag possiamo indicare il markup da visualizzare nel caso il browser non do-
vesse supportare HTML5: in genere, viene inserito un comportamento di fallback , che in-
clude, per esempio, l'uso di Flash o Silverlight per quei (pochi) browser più vecchi che non
dovessero avere il supporto per questi tag.
Per il tag audio , la mancata indicazione dell'attributo controls comporta general-
mente l'avvio della traccia audio, mentre per il tag video la riproduzione non risulta con-
trollabile, se non sfruttando il menu contestuale del browser. La barra di controllo è comun-
que visibile solo passando con il mouse sul video visualizzato, anche se questo comporta-
mento cambia da browser a browser e non è facilmente controllabile.
Nella figura 9.1 possiamo vedere il rendering standard offerto da Internet Explorer, uti-
lizzato in questo caso perché supporta il formato MPEG-4.