NOTA: Le indicazioni qui riportate vengono verificate, periodicamente, grazie alle segnalazioni inviate dagli utenti tramite i pulsanti appositi. La data dell'avvenuta verifica appare sotto al codice relativo. Se la verifica non ha apportato modifiche, significa che non sono stati riscontrati reali malfunzionamenti. In questo caso, potete contattarmi (vedi "parla con me" a fondo pagina) e sarò lieta di aiutarvi a risolvere le difficoltà che state incontrando.
È evidente che se una codice specifico è accompagnato da un esempio funzionante, tale codice è corretto. In caso contrario, anche l'esempio non funzionerebbe più. Può capitare che uno dei video non venga caricato alla prima apertura della pagina, in questo caso aggiornate la pagina prima di pensare ad un malfunzionamento.
Per cortesia, non inviate segnalazioni senza verificare. Grazie

Per testare i vostri codici, potete usare l'HTML editor.

Player Youtube

Esempio funzionante:

Segnala video non più funzionante:
verificato su errata segnalazione in data 20 giugno 2024
Nota:il player di esempio non funziona se hai un adblock attivo, o hai negato il consenso per i cookie.

Youtube stesso fornisce il codice per incorporare i suoi video cliccando su "Condividi", sotto al video e poi su "Incorpora".

NOTA: non tutti i video possono essere incorporati. Se, al posto del video, appare l'avviso "Video non disponibile", significa che l'autore del caricamento non ha reso il video disponibile, oppure non è disponibile nella tua posizione geografica, o altro ancora.

Il codice, personalizzato e semplificato, è molto semplice ed è questo:

Segnala codice non più funzionante:
verificato su errata segnalazione in data 1 ottobre 2023

Come vedete, potete personalizzare le dimensioni del video.
Il comando margin:0 auto; serve a centrare il player nella pagina, se lo volete a sx, potete toglierlo.
Le XXXXXXXX, corrispondono all''ID del video, o della playlist.
Attenzione a non sostituire tutto l'URL, ma solo l'ID prelevandolo da quello del video in YouTube.
Esempio: https://www.youtube.com/watch?v=GZidV5Z2Oh8
La parte in rosso va sostituita alle crocette nel codice iframe. Il parametro relativo ad autoplay, può essere inserito dopo l'URL, in questo modo:

NOTA: su alcuni dispositivi mobili il parametro autoplay deve essere accompagnato dai parametri "mute" e "controls", altrimenti il player non funzionerà.
I parametri si possono aggiungere separandoli con & (es: https://www.youtube.com/embed/XXXXXXXXXXX?autoplay=1&mute=1&loop=1&controls=1&autohide:0). Attenzione al punto di domanda dopo l'ID.
Vedi l'elenco dei parametri supportati:
Parametri del player

Segnala link non più funzionante:

Se volete un player invisibile, impostate solo l'altezza su 1. Purtroppo, non è più possibile impostare su 0. Si vedrà, quindi, una sottile linea orizzontale. Naturalmente, il player invisibile dovrà sempre avere l'autoplay.


NOTA: È possibile disattivare i cookie di YouTube, in modo che non vengano trasmessi tramite il proprio sito selezionando la voce: "Abilita modalità di privacy avanzata". Guida ufficiale:
Supporto Google,

Segnala link non più funzionante:

Player YouTube con playlist

Ci sono due modi per riprodurre una playlist con il player di YouTube.

Primo metodo, classico:

Esempio funzionante:

Segnala video non più funzionante:
verificato su errata segnalazione in data 17 ottobre 2024
Nota:il player di esempio non funziona se hai un adblock attivo, o hai negato il consenso per i cookie.

ATTENZIONE: la riproduzione delle playlist personali funzionerà solo online.

Apri codice:

<iframe width="560" height="315" style="display: block; margin:0 auto; border: 0;" src="https://www.youtube.com/embed/videoseries?list=PLXXXXXXXXXXXX&loop=1&autoplay=1" allowfullscreen></iframe>

Segnala codice non più funzionante:
verificato su segnalazione in data 4 gennaio 2022

Al posto delle X l'ID della playlist creata in YouTube.
Fate attenzione che deve esserci il PL iniziale (l'ho lasciato per riferimento) e, se nel link del video il PL è seguito da lineette, dovete mettere anche quelle.
Es: PL--291IW7FfxnH6-JpcuouM-hpQRScJi6

NOTA: i parametri (autoplay ecc), nel caso della playlist, non devono essere preceduti dal punto di domanda (?).

Secondo metodo, video selezionati:

Esempio funzionante:

Segnala video non più funzionante:
verificato su errata segnalazione in data 23 ottobre 2023
Nota:il player di esempio non funziona se hai un adblock attivo, o hai negato il consenso per i cookie.

ATTENZIONE: la riproduzione dei video personali funzionerà solo online.

Apri codice:

<iframe width="640" height="360" style="display: block; margin:0 auto; border: 0;" src="https://www.youtube.com/embed?playlist=XXXXXXXXX,XXXXXXXXX,XXXXXXXXXX&loop=1&autoplay=1" allowfullscreen></iframe>

Segnala codice non più funzionante:
aggiornato su segnalazione in data 4 febbraio 2022

Si inseriscono in sequenza le ID dei video singoli da riprodurre, separati da una virgola, al posto delle rispettive X colorate nell'esempio.
Ne potete aggiungere quanti volete dopo l'url del primo che precede l'elenco degli ID dei successivi.

Player YouTube con video random

Per avere un player in cui il video cambia all'aggiornamento della pagina, potete usare questo codice:

Apri codice:

<iframe class="frame" width="640" height="360"  src="" ></iframe>

<script>
var cat1 = [
  "https://www.youtube-nocookie.com/embed/XXXXXXXXX",
  "https://www.youtube-nocookie.com/embed/XXXXXXXXX",
];
var myFrame = document.getElementsByClassName("frame")[0];
function getRandomUrl(myFrame) {
  var index = Math.floor(Math.random() * cat1.length);
  var url = cat1[index];
  myFrame.src = url;
}
function codeAddress() {
  getRandomUrl(myFrame);
}
codeAddress();
console.log(myFrame.src);
</script>

Segnala codice non più funzionante:

Naturalmente, potete aggiungere quanti video volete.

Player YouTube usando object o embed

Non volendo utilizzare l'iFrame, è possibile caricare un player Youtube usando <object> o <embed>.
Codice di esempio usenso object:
Codice di esempio usando embed:

Player YouTube responsive

Sia iframe che object che embed non sono responsive e non può esserlo, quindi, nemmeno il player Youtube che contengono.
Per rendere il player responsive è necessario inserirlo in un contenitore e applicare specifiche regole di stile.

Apri esempio per iframe::

<style>
   .video-container {
   max-width: 640px;
   width:100%;
}
.video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
</style>

E l'iframe si inserisce in questo modo:

<div class="video-container">
<div class="video">
<iframe width="640" height="360" style="display: block; margin:0 auto; border: 0;" src="https://www.youtube.com/embed/aheD2VJ38ks" allowfullscreen ></iframe>
</div>
</div>

Sostituendo iframe con object o con embed in ogni voce, il codice è valido anche per il player caricato utilizzando il tag object o embed.
In alternativa, è possibile utilizzare gli script appositi che potete trovare nella sezione: Soluzioni js.