Tag video
Il tag video consente di aggiungere video a una pagina HTML.
Con esso è anche possibile controllare questo video.
Il percorso del file video viene specificato tramite
l'attributo src o il tag annidato source.
Se desideri vedere un lettore per controllare la riproduzione
del video - dovresti aggiungere l'attributo controls.
Senza di esso non vedrai nulla - non ci sarà né audio né immagine.
A volte posizionare video sul sito stesso non è
molto conveniente (ad esempio, il tuo hosting ha
una limitazione sulla dimensione del sito). In questo caso
il video può essere caricato su YouTube e incorporato
utilizzando il tag iframe.
Attributi
| Attributo | Descrizione |
|---|---|
src |
Specifica il percorso del file video.
Ma è meglio utilizzare per questo il tag source
(in questo caso sarà possibile specificare il video in diversi formati).
|
preload |
Utilizzato per caricare il file video contemporaneamente al caricamento della pagina del sito.
Valori accettati: none (non caricare il file, predefinito),
metadata (carica solo informazioni di servizio: durata, ecc.),
auto (carica il video completamente al caricamento della pagina HTML).
|
autoplay |
L'audio inizia a riprodursi immediatamente dopo il caricamento della pagina,
inoltre la presenza dell'attributo preload verrà ignorata.
Attributo senza valore. |
controls |
Aggiunge un pannello di controllo al video.
Attributo senza valore. Per impostazione predefinita (se l'attributo non è presente) il pannello non viene aggiunto. |
loop |
Ripete la traccia audio in "loop":
dopo il completamento ricomincerà a riprodursi.
Attributo senza valore. Per impostazione predefinita (se l'attributo non è presente) la traccia verrà riprodotta solo 1 volta.
|
poster |
Percorso dell'immagine che verrà visualizzata quando il video non è disponibile o non è in riproduzione.
Se l'attributo poster non è specificato, il browser cercherà di visualizzare il primo fotogramma del video.
|
height |
L'attributo height imposta l'altezza dell'area di riproduzione del video (in pixel
o percentuali).
Il video stesso ridimensiona le sue dimensioni in più o in meno, adattandosi all'altezza specificata,
ma le sue proporzioni non cambiano.
Valore predefinito: l'altezza è presa dai parametri del video, se questo valore non è disponibile, allora il valore dell'attributo height
è considerato uguale all'altezza dell'immagine dall'attributo poster.
Se anche poster non è specificato - l'altezza
è impostata a 150 pixel.
|
width |
L'attributo width imposta la larghezza dell'area di riproduzione del video (in pixel
o percentuali).
Il video stesso ridimensiona le sue dimensioni in più o in meno, adattandosi alla larghezza specificata,
ma le sue proporzioni non cambiano.
Valore predefinito: la larghezza è presa dai parametri del video, se questo valore non è disponibile, allora il valore dell'attributo width
è considerato uguale alla larghezza dell'immagine dall'attributo poster.
Se anche poster non è specificato - la larghezza
è impostata a 150 pixel.
|
Esempio . Lettore video sulla pagina del sito
Aggiungiamo un lettore video alla pagina.
Per i browser che non supportano
il tag video è lasciato un messaggio speciale
a riguardo:
<video src="moovie.mp4" controls>
Il tuo browser non supporta video in HTML5.
</video>
Esempio .
Aggiungiamo il tag source
al tag video:
<video>
<source src="moovie.mp4" controls>
Il tuo browser non supporta video in HTML5.
</video>
