Page 57 - Guida tascabile HTML5

Nel caso del tag <video> inoltre è possibile attribuire misure precise al

contenuto, specificando gli attributi width e height: in questo modo lo spazio

necessario verrà riservato già durante la disposizione iniziale della pagina, e non
quando la risorsa sarà caricata completamente. Considerata l’elevata quantità di

dati da trasferire, tale accorgimento è quasi indispensabile.

Un altro attributo peculiare legato al tag <video> è poster, con il quale è possibile
indicare l’URL di un’immagine da utilizzare come “segnaposto” per il filmato non

ancora riprodotto: se omesso, verrà utilizzato dal browser il primo fotogramma del

filmato stesso.

<video width="800" height="600" poster="locandina.gif">

Il riferimento alle sorgenti: <source>

I tag <audio> e <video> prevedono, nidificati al loro interno, i tag <source> con
l’URL delle risorse da riprodurre. Le sorgenti alternative garantiscono la

compatibilità con il maggior numero possibile di dispositivi e ambienti operativi.

ATTENZIONE Fate attenzione: utilizzando più tag <source> non create un elenco di

contenuti da riprodurre in sequenza, ma fornite versioni alternative dello stesso
contenuto, codificate secondo diversi standard.
Torniamo all’esempio completo che illustra la sintassi del tag <source>:

<audio>
<source src="musica.mp3" type="audio/mpeg">
<source src="musica.ogg" type="audio/ogg">
Per riprodurre questo contenuto, aggiorna il tuo browser.
</audio>

L’attributo src, come nel caso del tag <img>, fa riferimento al percorso da seguire

per recuperare il file sul server. Può essere un percorso relativo rispetto al
documento nel quale è utilizzato, oppure un percorso assoluto (vedi nel Capitolo 5

il paragrafo relativo al tag <a>).

NOTA In alternativa al metodo qui descritto, è possibile indicare direttamente nei tag
<audio> e <video> l’attributo src con il riferimento al file sorgente del contenuto da

riprodurre. Tenete presente che in questo modo non potrete però fare riferimento a
versioni alternative: <audio src="musica.mp3">.

L’attributo type permette invece di specificare il tipo di codifica della risorsa

multimediale cui si sta facendo riferimento. Ogni browser potrà selezionare la più
adatta alla riproduzione in base ai codec supportati:

type="audio/mpeg" per i file audio .mp3;