Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Integrazione di Video nelle Pagine Web | Immagini e Media
Fondamenti di HTML

bookIntegrazione di Video nelle Pagine Web

L'incorporamento di un video è simile a quello di un audio. Gli attributi e i tag utilizzati sono comparabili.

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 video per riproduzione, pausa e regolazione del volume;
  • autoplay: specifica la funzionalità di riproduzione automatica;
  • loop: consente la riproduzione continua del video.
<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..
index.html

index.html

copy
Note
Nota

I formati video comunemente supportati includono MP4, WebM e Ogg. Si consiglia di fornire il video in più formati per garantire la compatibilità tra diversi browser e dispositivi.

1. Quale tag viene utilizzato per incorporare contenuti video in un documento HTML?

2. Quale attributo dei tag <video> e <audio> aggiunge controlli come riproduzione, pausa e regolazione del volume?

question mark

Quale tag viene utilizzato per incorporare contenuti video in un documento HTML?

Select the correct answer

question mark

Quale attributo dei tag <video> e <audio> aggiunge controlli come riproduzione, pausa e regolazione del volume?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

bookIntegrazione di Video nelle Pagine Web

Scorri per mostrare il menu

L'incorporamento di un video è simile a quello di un audio. Gli attributi e i tag utilizzati sono comparabili.

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 video per riproduzione, pausa e regolazione del volume;
  • autoplay: specifica la funzionalità di riproduzione automatica;
  • loop: consente la riproduzione continua del video.
<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..
index.html

index.html

copy
Note
Nota

I formati video comunemente supportati includono MP4, WebM e Ogg. Si consiglia di fornire il video in più formati per garantire la compatibilità tra diversi browser e dispositivi.

1. Quale tag viene utilizzato per incorporare contenuti video in un documento HTML?

2. Quale attributo dei tag <video> e <audio> aggiunge controlli come riproduzione, pausa e regolazione del volume?

question mark

Quale tag viene utilizzato per incorporare contenuti video in un documento HTML?

Select the correct answer

question mark

Quale attributo dei tag <video> e <audio> aggiunge controlli come riproduzione, pausa e regolazione del volume?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 5
some-alt