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'); 
    } 
});