L'integrazione di un video è simile a quella di un audio. Gli attributi e i tag utilizzati sono comparabili. Esaminiamo la procedura nel dettaglio.

Incorporamento di Video

Il tag <video> incorpora contenuti video in un documento HTML, consentendo agli utenti di riprodurre i video direttamente nel browser.

Attributi Video

• controls: Aggiunge i controlli per la riproduzione, la pausa e la regolazione del volume;
• autoplay: Specifica la funzionalità di riproduzione automatica;
• loop: Consente la riproduzione continua del video.

Esempio:

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Sorgente

Il tag <source> viene utilizzato all'interno del tag <video> per specificare la sorgente (URL) del file video e i suoi attributi. src specifica l'URL del file video. type specifica il tipo MIME del file video.
Esempio:

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

Nell'esempio sopra:

• Il tag <video> include gli attributi controls, autoplay e loop;
• I tag <source> specificano gli URL di origine dei file video e i loro tipi MIME;
• Se il browser non supporta il tag <video> o i formati video specificati, viene visualizzato il testo alternativo Your browser does not support the video element..

Video tutorial