Impara Aggiunta dell'Elemento Video | Lavorare con i Media e le Tabelle

È possibile incorporare file video in una pagina web utilizzando l'elemento <video>. Considera il seguente esempio:

index.html

In questo esempio:

L'elemento <video> contiene un elemento <source>, che specifica l'URL e il tipo di file del video. I formati comunemente supportati sono WebM, MP4 e OGG;
L'attributo controls visualizza i controlli standard di riproduzione;
Se il browser dell'utente non supporta l'elemento video, verrà visualizzato un messaggio alternativo.

Gli attributi comunemente utilizzati per l'elemento video in HTML includono:

autoplay: avvia la riproduzione del file video non appena la pagina viene caricata;
loop: fa sì che il file video venga riprodotto in modo continuo;
muted: disattiva l'audio per impostazione predefinita;
volume: specifica il livello di volume predefinito per il file audio, con valori da 0.0 (muto) a 1.0 (volume massimo);
poster: specifica l'URL di un'immagine da mostrare come miniatura del video prima della riproduzione;
width e height: specificano la larghezza e l'altezza del lettore video in pixel.

Ecco un esempio che mostra l'utilizzo di tutti questi attributi:

index.html

Nota

Inoltre, sono disponibili molte librerie JavaScript e API che offrono funzionalità aggiuntive per la riproduzione e la manipolazione di contenuti video sul web.

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 6

Chieda ad AI

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

Suggested prompts:

Can you show me the example with all these attributes included?

What does the fallback message look like in practice?

Can you explain more about the `poster` attribute and how to use it?

Scorri per mostrare il menu

È possibile incorporare file video in una pagina web utilizzando l'elemento <video>. Considera il seguente esempio:

index.html

In questo esempio:

L'elemento <video> contiene un elemento <source>, che specifica l'URL e il tipo di file del video. I formati comunemente supportati sono WebM, MP4 e OGG;
L'attributo controls visualizza i controlli standard di riproduzione;
Se il browser dell'utente non supporta l'elemento video, verrà visualizzato un messaggio alternativo.

Gli attributi comunemente utilizzati per l'elemento video in HTML includono:

autoplay: avvia la riproduzione del file video non appena la pagina viene caricata;
loop: fa sì che il file video venga riprodotto in modo continuo;
muted: disattiva l'audio per impostazione predefinita;
volume: specifica il livello di volume predefinito per il file audio, con valori da 0.0 (muto) a 1.0 (volume massimo);
poster: specifica l'URL di un'immagine da mostrare come miniatura del video prima della riproduzione;
width e height: specificano la larghezza e l'altezza del lettore video in pixel.

Ecco un esempio che mostra l'utilizzo di tutti questi attributi:

index.html

Nota

Inoltre, sono disponibili molte librerie JavaScript e API che offrono funzionalità aggiuntive per la riproduzione e la manipolazione di contenuti video sul web.

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 6