Stumm Video-bg funktioniert nicht

Question

Ich habe viele Anleitungen versucht und viele Antworten zu diesem Problem gelesen, immer noch nicht gelungen, dies zu lösen. Wie drücke ich mein Youtube-eingebettetes Video stumm? Ps.s. Ich bin ein Anfänger in der Programmierung und neu in SOF, vergib mir, wenn ich etwas schrecklich falsch gemacht habe.

<div class="video-bg embed-responsive embed-responsive-16by9"> 

<iframe class="embed-responsive-item" width="560" height="315" 
src="https://www.youtube.com/embed/ArGfDo1xQuM?rel=0&controls=0&showinfo=0&frameborder=0&autoplay=1&loop=1&playlist=eXadofBB7hM" frameborder="0" allowfullscreen></iframe> 

</div> 

Answer 1

Sie müssen iframe_api verwenden. In iframe src Attribut müssen Sie enablejsapi=1 hinzufügen, auch iframe hat id Attribut, das es mit YT.Player Instanz verbindet. Verwenden Sie dann dieses Javascript, um die Filmwiedergabe zu steuern.

<script src='http://www.youtube.com/iframe_api'></script> 
<script> 
    var player; 
    function onYouTubeIframeAPIReady() { 
     player = new YT.Player('playerId', { 
      events: { 
       onReady:onPlayerReady 
       } 
      } 
     ) 
    } 
    function onPlayerReady(event) { 
     player.mute(); 
     player.setVolume(0); 
     player.playVideo(); 
    } 
</script> 


<div class="video-bg embed-responsive embed-responsive-16by9"> 

<iframe id='playerId' class="embed-responsive-item" width="560" height="315" 
src="https://www.youtube.com/embed/ArGfDo1xQuM?rel=0&controls=0&showinfo=0&frameborder=0&autoplay=1&loop=1&playlist=eXadofBB7hM&enablejsapi=1" frameborder="0" allowfullscreen></iframe> 

</div>