HTML and CSS Reference
In-Depth Information
Figura 9.1
- Tag audio e video con i controlli predefiniti di IE.
Possiamo utilizzare altri attributi per controllare la riproduzione del contenuto: abbiamo a
disposizione
autoplay
, per avviare automaticamente il contenuto non appena la pagina
si avvia, o l'attributo
loop
per ripetere all'infinito il contenuto, che può ritornare utile, co-
me
nell'esempio 9.2
, per creare un suono di sottofondo continuo per la pagina.
Esempio 9.2
<audio src="test.mp3"
autoplay loop
/>
Qualora l'attributo
autoplay
non fosse indicato, l'attributo
preload
istruisce il brow-
ser su come caricare il contenuto. Il valore predefinito è
auto
e indica che è a discrezione
del browser caricare il contenuto in funzione del carico della rete o della previsione di pre-
buffering necessario per riprodurlo. Con
metadata
, invece, indichiamo che il browser
deve limitarsi a caricare i primi byte del file, necessari a individuare le caratteristiche degli
stream, la durata, la dimensione e il primo frame. Con
none
, infine, il browser capirà che
non è necessario caricare immediatamente il file, così da ridurre il traffico da effettuare con
il server.
Grazie ai metadata contenuti in ogni elemento multimediale, il browser è in grado di
ricavare, per esempio, la dimensione del video. Possiamo forzarla, impostando gli attributi
width
e
height
, anche se il browser manterrà, comunque, le proporzioni originali del
video.
Quando l'
autoplay
non è specificato, è compito del browser caricare il primo frame
(se non diversamente specificato con l'attributo
preload
) e mostrarlo come rappresenta-
zione dell'anteprima del video.
Nel caso in cui il file non sia ancora stato caricato sufficientemente per individuare
il primo frame o l'attributo
preload
sia impostato su
none
, possiamo indicare
un'immagine da caricare in sostituzione, come segnaposto del video che verrà caricato.
a quando l'utente non farà partire il video.
Esempio 9.3
<video src="test.mp4"
poster="poster.png" preload="none"
con-
trols />