Video YouTube HTML

Il modo più semplice per includere un video in HTML è utilizzare YouTube.

In difficoltà con i formati dei video?

Convertire il video in un altro formato può essere difficile e richiedere molto tempo.

Una soluzione più semplice è far riprodurre il video su YouTube nel tuo sito web.

YouTube Video Id

Quando salvi (o riproduci) il video, YouTube mostra un id (ad esempio ih1l6wb7LhU).

Puoi usare questo id e riferirti al tuo video nel codice HTML.

Incorpora YouTube video in HTML

Per riprodurre il video sul tuo sito web, esegui i seguenti passaggi:

  • Carica il video su YouTube
  • Ricorda l'id del video
  • Definisci nel tuo sito web <iframe> Elemento
  • Fai src Proprietà per puntare all'URL del video
  • Usa width e height Proprietà per determinare la dimensione del riproduttore
  • Aggiungi altri parametri all'URL (vedi di seguito)

Esempio

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Prova personalmente

YouTube Autoplay + Mute

Puoi far partire automaticamente il video quando l'utente accede alla pagina aggiungendo autoplay=1 all'URL di YouTube. Tuttavia, far partire automaticamente il video può irritare i visitatori!

Attenzione:In molti casi, il browser Chromium non consente la riproduzione automatica. Ma consente sempre la riproduzione automatica in silenzio.

In autoplay=1 Aggiungi dopo mute=1Può far iniziare automaticamente la riproduzione del tuo video (ma sarà muto).

YouTube - Autoplay + Muted

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Prova personalmente

YouTube Playlist

Elenco dei video da riprodurre separati da virgola (URL originale escluso).

YouTube Loop

Aggiungi loop=1 Farà sì che il tuo video ripeta in perpetuità.

Valore 0 (predefinito): il video verrà riprodotto una volta.

Valore 1: il video ripeterà (per sempre).

YouTube - Loop

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Prova personalmente

Controlli YouTube

Aggiungi controls=0 Farà sì che il riproduttore di video non mostri i controlli.

Valore 0: i controlli del riproduttore non sono visibili.

Valore 1 (predefinito): i controlli del riproduttore sono visibili.

YouTube - Controlli

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Prova personalmente