English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <video> è adatto per HTML 5+, utilizzato per definire lo stream multimediale video da visualizzare online.
Molti siti utilizzano video. HTML5 fornisce lo standard per visualizzare video.
Fino ad ora, non esiste uno standard per visualizzare video sui siti web.
Oggi, la maggior parte dei video viene visualizzata tramite plugin (ad esempio Flash). Tuttavia, non tutti i browser dispongono degli stessi plugin.
HTML5 definisce un metodo standard per includere video utilizzando l'elemento video.
Internet Explorer 9+, Firefox, Opera, Chrome e Safari supportano l'elemento <video>.
Attenzione: Internet Explorer 8 e versioni precedenti non supportano l'elemento <video>.
Tutto ciò che ti serve per visualizzare un video in HTML5 è:
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Il tuo browser non supporta il tag Video. </video>Prova a vedere ‹/›
Allo stesso tempo, l'elemento <video> fornisce le proprietà width e height per controllare le dimensioni del video. Se vengono impostate altezza e larghezza, lo spazio necessario per il video viene riservato al momento del caricamento della pagina. Se queste proprietà non vengono impostate, il browser non sa la dimensione del video e non può riservare uno spazio specifico durante il caricamento, la pagina cambierà in base alle dimensioni originali del video.
Il contenuto inserito tra i tag <video> e </video> è fornito per i browser che non supportano l'elemento video.
L'elemento <source> supporta più elementi <source>. L'elemento <source> può collegare diversi file video. Il browser utilizzerà il primo formato riconosciuto:
Al momento, l'elemento <video> supporta tre formati video: MP4, WebM e Ogg:
| Browser | MP4 | WebM | Ogg |
| Internet Explorer | SI | NO | NO |
| Chrome | SI | SI | SI |
| Firefox | SI | SI | SI |
| Safari | SI | NO | NO |
| Opera | SI (dalla versione 25 di Opera) | SI | SI |
MP4 = File MPEG 4 con codifica video H.264 e codifica audio AAC
WebM = File WebM con codifica video VP8 e codifica audio Vorbis
Ogg = File Ogg con codifica video Theora e codifica audio Vorbis
| Formato | MIME-type |
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Gli elementi <video> e <audio> di HTML5 dispongono anche di metodi, proprietà e eventi.
I metodi, le proprietà e gli eventi degli elementi <video> e <audio> possono essere controllati con JavaScript.
Il metodo viene utilizzato per riprodurre, pausare e caricare, ecc. Le proprietà (ad esempio, la durata, il volume, ecc.) possono essere lette o impostate. Gli eventi DOM possono notificarti, ad esempio, che l'elemento <video> ha iniziato a riprodurre, è stato messo in pausa, è stato fermato, ecc.
Il metodo semplice dell'esempio ci dimostra come utilizzare l'elemento <video>, leggere e impostare le proprietà, e come chiamare i metodi.
Creare semplici controlli di riproduzione/pausa e dimensione per il video:
Gli esempi sopra chiamano due metodi: play() e pause(). Utilizza anche due proprietà: paused e width.
Per ulteriori riferimenti, vedere Manuale di Riferimento DOM Audio/Video HTML5.
| Tag | Descrizione |
| <video> | Definizione di un video |
| <source> | Definizione di vari tipi di risorse multimediali, come <video> e <audio> |
| <track> | Definizione della Traccia Testuale del Media Player |