这是一个在我的网站上播放的视频,但用户实际上看不到,他们只能听见。我想创建一个按钮,以便如果用户希望随时使视频静音,那么他们可以选择该按钮,站点上的所有声音都将停止,但是如果再次单击它,则应该可以再次听到它。如果您难以理解我的意思,请发表评论,因为这将非常有帮助。谢谢!

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

最佳答案

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

10-05 20:51
查看更多