Inserire una playlist Youtube con inizio casuale in Blogger Blogspot

Partiamo da una playlist, ad esempio questa, da me creata in cui ho inserito i 28 video di Youtube più cliccati escludendo quelli che rendevano la playlist inascoltabile (video troppo lunghi o non musicali).
Ovviamente potete scegliere una qualsivoglia playlist di vostro gradimento
Clicchiamo come al solito su Condividi, Codice da incorporare per ottenere il codice standard per l'incorporamento del video, codice che poi andremo leggermente a modificare.

Vediamo prima l'esempio in pratica, con  la playlist parte in automatico da un brano scelto casualmente.

Abilita javascript per vedere la playlist

Il codice ottenuto da Youtube è il seguente, le parti in rosso e blu che sono state da me aggiunte a posteriori:

<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PL40LpAew8J_fGssNbFeqbmpvMcQNjBCGF&autoplay=1&index=5" frameborder="0" allowfullscreen></iframe>

autoplay=1 significa che la riproduzione automatica è abilitata

index=5 significa che la riproduzione della playlist deve partire dal video n°5 (il primo è il numero zero)


Se vogliamo che il video parte da una posizione casuale dobbiamo sostituire il numero che abbiamo indicato con un numero generato casualmente.

Solitamente questo problema viene affrontato utilizzando il linguaggio PHP ma su Blogspot non possiamo utilizzarlo e dobbiamo utilizzare javascript
La seguente riga d'esempio assegna alla variabile n un valore intero compreso fra 0 e 27

var n = Math.floor(Math.random() * 28);

All'interno del nostro post identifichiamo dove dovrebbe essere posizionato il video, invece di copiarci il codice generato da Youtube inseriamo un elemento html, una sezione "<div>"  a cui assegnare un determinato identificativo a nostro piacere, ad esempio video-1

<div id="video-1">
</div>

Il contenuto HTML della sezione "video-1" verrà quindi modificato utilizzando il modello DOM, che ci permette di identificare e modificare un qualsiasi elemento della pagina,  tramite uno script che viene eseguito all'apertura dell'articolo.

Copiare lo script seguente e inserirlo a fine articolo sempre in visualizzazione HTML
sostituendo la parte evidenziata in giallo con quella relativa alla vostra playlist. Potete eventualmente cambiare le dimensioni del video e altri parametri ma fate attenzione a come sono utilizzate le virgolette semplici e doppie.

<script type="text/javascript">
myFunction();
function myFunction() {

var n = Math.floor(Math.random() * 28);
var x = document.getElementById("video-1");

x.innerHTML='<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/videoseries?list=PL40LpAew8J_fGssNbFeqbmpvMcQNjBCGF&autoplay=1&index=' + n + '" width="560"></iframe>';
};
</script>