JQuery：YouTube播放器 - 靜音按鈕

Question

這是一個在我的網站上播放的視頻，但用戶無法真正看到它，他們只能聽到它。我想創建一個按鈕，這樣如果用戶希望隨時靜音視頻，那麼他們只需選擇該按鈕，網站上的所有聲音都會停止，但如果再次單擊它，則應該能夠再次聽到它。如果您努力瞭解我的意思，請發表評論，因爲這會非常有幫助。謝謝！

// create youtube player 
var player; 
function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
     height: '0', 
     width: '0', 
     videoId: 'a5SMyfbWYyE', 
     events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

// autoplay video 
function onPlayerReady(event) { 
    event.target.playVideo(); 
} 

// when video ends 
function onPlayerStateChange(event) {   
    if(event.data === 0) {    
     //alert('done'); 
    } 
} 

Answer 1

首先建立在你的HTML按鈕與ID：

<input id="mute-toggle" type="button"/> 

而且使用jQuery獲得ID：

$('#mute-toggle').on('click', function() { 
    var mute_toggle = $(this); 

    if(player.isMuted()){ 
     player.unMute(); 
     mute_toggle.text('volume_up'); 
    } 
    else{ 
     player.mute(); 
     mute_toggle.text('volume_off'); 
    } 
});