Tag HTML <video>

Definizione e uso

<video> Il tag viene utilizzato per incorporare contenuti video nel documento, come spezzoni di film o altri flussi video.

<video> Il tag contiene una o più sorgenti video con diversi tag Tag <source>. Il browser selezionerà la prima sorgente supportata.

<video> e </video> Il testo tra i tag non verrà visualizzato se non supportato <video> Visualizzato nel browser degli elementi.

HTML supporta tre formati video: MP4, WebM e OGG.

Browser MP4 WebM Ogg
Edge Supportato Supportato Supportato
Chrome Supportato Supportato Supportato
Firefox Supportato Supportato Supportato
Safari Supportato Supportato Non supportato
Opera Supportato Supportato Supportato

Vedi anche:

Manuale di riferimento HTML DOM:Manuale di riferimento DOM Audio/Video HTML

Esempio

Riproduci il video:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Il tuo browser non supporta il tag video.
</video>

Provalo tu stesso

Suggerimenti e note

Suggerimento:Per i file audio, vedere il tag <audio>.

Proprietà opzionali

Proprietà Valore Descrizione
autoplay autoplay Stabilire che il video deve iniziare immediatamente dopo che è pronto.
controls controls Stabilire i controlli video da visualizzare (ad esempio, pulsanti di riproduzione/pausa ecc.).
height Pixel Impostare l'altezza del riproduttore video.
loop loop Stabilire che il video deve ricominciare ogni volta che finisce.
muted muted Stabilire se l'uscita audio del video deve essere silenziata.
poster URL Stabilire l'immagine da visualizzare durante il download del video o prima che l'utente clicchi il pulsante di riproduzione.
preload
  • auto
  • metadata
  • none
 Stabilire se il video deve essere caricato o come deve essere caricato al caricamento della pagina.
src URL Stabilire l'URL del file video.
width Pixel Impostare la larghezza del riproduttore video.

Proprietà globali

<video> Il tag supporta anche Proprietà globali in HTML.

Proprietà degli eventi

<video> Il tag supporta anche Proprietà degli eventi in HTML.

Impostazioni CSS predefinite

Nessuno.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5