English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'elemento <video> HTML viene utilizzato per incorporare un riproduttore multimediale in un documento HTML o XHTML, utilizzato per supportare la riproduzione di video all'interno del documento. Puoi anche utilizzare il tag <video> per contenuti audio, ma l'elemento <audio> potrebbe essere più adatto in termini di esperienza utente.
Riproduzione del video tramite video:
!doctype html <html> <head> <meta charset="UTF-8"> <title>Utilizzo del tag HTML video (Tutorial base del sito web oldtoolbag.com)</title> </head> <body> <video controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.webm" type="video/webm"> <p>Your browser doesn't support HTML5 video. Here is a <a href="movie.mp4">link to the video</a> instead.</p> </video> </body> </html>Prova a vedere ‹/›
IEFirefoxOperaChromeSafari
Tutti i browser principali lo supportano.
Il tag <video> definisce un video, come un segmento di film o un altro flusso video.
Al momento, l'elemento <video> supporta tre formati video: MP4, WebM, Ogg.
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | SÌ | NO | NO |
| Chrome | SÌ | SÌ | SÌ |
| Firefox | SÌ A partire dalla versione 21 di Firefox Sistemi Linux a partire dalla versione 30 di Firefox | SÌ | SÌ |
| Safari | SÌ | NO | NO |
| Opera | SÌ A partire dalla versione 25 di Opera | SÌ | SÌ |
MP4 = File MPEG 4 utilizza il codec video H264 e il codec audio AAC
WebM = File WebM utilizza il codec video VP8 e il codec audio Vorbis
Ogg = File Ogg utilizza il codec video Theora e il codec audio Vorbis
| Formato | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Il tag <video> è un nuovo tag HTML5.
Suggerimento:Il testo può essere inserito tra i tag <video> e </video>, in modo che i browser che non supportano l'elemento <video> possano visualizzare le informazioni del tag.
Nuovo: proprietà nuove in HTML5.
| Proprietà | Valore | Descrizione |
|---|---|---|
| autoplayHTML5 | autoplay | Se presente, il video viene riprodotto immediatamente dopo che è pronto. |
| controlsHTML5 | controls | Se presente, viene visualizzato il controllo dell'utente, come il pulsante di riproduzione. |
| altezzaHTML5 | pixel | Imposta l'altezza del riproduttore video. |
| loopHTML5 | loop | Se presente, il file multimediale viene riprodotto di nuovo quando il file è stato completato. |
| mutedHTML5 | muted | Se presente, l'uscita audio del video è muta. |
| posterHTML5 | URL | Specifica l'immagine da visualizzare mentre il video viene scaricato, fino a quando l'utente non fa clic sul pulsante di riproduzione. |
| preloadHTML5 | auto metadata nessuno | Se presente, il video viene caricato e preparato per la riproduzione quando la pagina viene caricata. Se utilizzato "autoplay", l'attributo viene ignorato. |
| srcHTML5 | URL | URL del video da riprodurre. |
| larghezzaHTML5 | pixel | Imposta la larghezza del riproduttore video. |
Supporto <video> etichetta Proprietà globali HTML.
Supporto <video> etichetta Proprietà degli eventi HTML.