Esempio
Riprodurre un video:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Prova tu stesso " Definizione e utilizzo
La <video> tag specifica video, ad esempio un clip filmato o altri flussi video.
Attualmente, ci sono 3 formati video supportati per la <video> elemento: MP4, WebM e Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- MP4 = MPEG 4 file con codec video H264 e AAC codec audio
- WebM WebM = file con codec video VP8 e Vorbis codec audio
- Ogg = OGG con codec video Theora e Vorbis codec audio
Tipi MIME per formati video
| Formato | Tipo MIME |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Differenze tra HTML 4.01 e HTML5
La <video> tag è nuovo in HTML5.
Suggerimenti e Note
Suggerimento: Ogni testo tra il <video> e </video> tag saranno visualizzati nei browser che non supportano la <video> elemento.
Attributi opzionali
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| autoplay | autoplay | Specifica che il video comincerà a giocare non appena è pronto |
| controls | controls | Specifica che controlli video devono essere visualizzati (ad esempio un pulsante play / pausa, ecc). |
| height | pixels | Imposta l'altezza del lettore video |
| loop | loop | Specifica che il video comincerà da capo, ogni volta che è finito |
| muted | muted | Specifica che l'uscita audio del video deve essere disattivato |
| poster | URL | Specifica l'immagine da visualizzare mentre il video sta scaricando, o fino a quando l'utente preme il pulsante di riproduzione |
| preload | auto metadata none | Specifica se e come l'autore pensa che il video deve essere caricato al caricamento della pagina |
| src | URL | Specifica l'URL del file video |
| width | pixels | Imposta la larghezza del lettore video |
attributi globali
La <video> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
La <video> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: HTML Audio / Video Reference del DOM
Impostazioni predefinite CSS
Nessuna.