Che cos'è l'elemento video HTML5?

L'elemento <video> HTML5 è un componente standard del browser per incorporare la riproduzione di video. Può fare riferimento a uno o più file sorgente e offrire controlli di riproduzione, sottotitoli, poster ed etichette di accessibilità.

In pratica, il markup video consiste soprattutto nel combinare gli attributi corretti per il proprio caso d'uso e nell'assicurarsi che il testo di fallback sia significativo.

Descrizione dello strumento

Questo strumento genera un blocco <video> pronto da copiare, con attributi comuni come sorgente, poster, dimensioni, comportamento di precaricamento, riproduzione automatica, loop e controlli. Mostra inoltre un'anteprima in tempo reale nel browser.

È utile quando si desidera assemblare rapidamente il markup video senza dover memorizzare il nome di ogni attributo.

Esempi

  • Un video incorporato standard con controlli e un'immagine poster
  • Un video di sfondo in loop e senza audio
  • Un tag video responsive con testo di fallback personalizzato

Funzionalità

  • Molti attributi video HTML5 comuni riuniti in un unico spazio
  • Testo di fallback modificabile per i browser non supportati
  • Codice HTML e anteprima in sandbox affiancati

Come funziona

Lo strumento crea il markup <video> a partire dalle opzioni selezionate e visualizza un'anteprima utilizzando, ove possibile, le stesse impostazioni della sorgente. Il codice generato è pensato per essere copiato nella propria pagina.

L'anteprima dipende comunque dalla capacità del browser di caricare l'URL del contenuto multimediale, quindi il successo della riproduzione dipende dalla sorgente stessa.