Come inserire un video Youtube senza volume

In questo articolo viene mostrato come inserire un video Youtube senza volume utilizzando le YouTube Player API, ma niente paura, questo articolo non è destinato ad esperti programmatori, quale tra l'altro io non sono, bensì ad un qualsiasi blogger che abbia esigenza di controllare il volume del video da incorporare.

Le API (Application Programming Interface), che tra parentesi non pungono, sono quell'insieme di procedure che permettono di programmare una certa applicazione, in questo caso il player video di Youtube.

Io mi limiterò solo ad un esempio pratico, che richiede poco più del copia incolla, mentre chi vuole maggiori informazioni potrà prenderle dal sito di Google dedicato agli sviluppatori, nella sezione dedicata all'argomento.

Per inserire un video di Youtube senza audio potete, quindi, semplicemente copiare il codice riportato sotto il video sostituendo il videoId riportato sotto con quello del vostro video, oltre a variare se necessario le dimensioni indicate, che potete prendere dal codice standard che youtube fornisce per incorporare un video.

<div id="player01">
</div>
<script>
    
    var tag = document.createElement('script');

    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

     
    var player;
    function onYouTubeIframeAPIReady() {
      player = new YT.Player('player01', {
         height: '295',
         width: '525',
         videoId: 'yyDUC1LUXSU',
         playerVars: { 'disablekb': 1, 'controls': 0 },
         events: {
           'onReady': onPlayerReady,
          }
        });
      }

     
    function onPlayerReady(event) {
      event.target.setVolume(0);
      event.target.playVideo();
      }
</script>

Vediamo gli altri parametri, presenti in questo esempio che si possono modificare:
'disablekb': 1  - disabilita l'uso della tastiera durante la riproduzione del video. Se al valore "1" sostituiamo il valore "0", valore predefinito, si riabilita l'uso della tastiera, che permette le seguenti operazioni:
     Barra spaziatrice: Play/Pausa
     Freccia sinistra: Torna indietro del 10% nel video corrente
     Freccia destra: Vai avanti del 10% nel video corrente
     Freccia su: Alza volume
     Freccia giù: Riduci volume

'controls': 0 - Questo parametro indica se abilitare o disabilitare la visualizzazione dei controlli del video. Il valore "0" disabilita i controlli. Il valore predefinito

La riga event.target.playVideo(); determina l'avvio automatico del video, mentre la riga  event.target.setVolume(0) determina il volume del video, dove il valore "0" è il valore minimo, corrispondente ad un video senza audio, mentre il valore massimo è "100"