Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery:YouTube播放器-静音按钮_Javascript_Jquery_Youtube - Fatal编程技术网

Javascript JQuery:YouTube播放器-静音按钮

Javascript JQuery:YouTube播放器-静音按钮,javascript,jquery,youtube,Javascript,Jquery,Youtube,这是一个在我的网站上播放的视频,但用户实际上看不到它,他们只能听到它。我想创建一个按钮,这样,如果用户想在任何时候静音视频,那么他们可以选择该按钮,网站上的所有声音都将停止,但如果他们再次单击,那么他们应该能够再次听到它。如果你很难理解我的意思,请发表评论,因为这将非常有帮助。谢谢 // create youtube player var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player

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

// 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"/>

首先在html中创建一个ID为的按钮:

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