Jquery 在(单击)查找触发器时

Jquery 在(单击)查找触发器时,jquery,eventtrigger,Jquery,Eventtrigger,我有一段来自youtube api的背景视频, 但我不能从声音开始。我使用.trigger和.click进行了测试,但它不起作用。 你知道我能做什么吗 $(document).ready(function(e) { $('.sound').on('click', function(){ $('#video-foreground').toggleClass('mute'); $('.volume-icon').toggleClass('fa-volume-up',

我有一段来自youtube api的背景视频, 但我不能从声音开始。我使用.trigger和.click进行了测试,但它不起作用。 你知道我能做什么吗

    $(document).ready(function(e) {   
  $('.sound').on('click', function(){
    $('#video-foreground').toggleClass('mute');
    $('.volume-icon').toggleClass('fa-volume-up', 'fa-volume-off');
    if($('#video-foreground').hasClass('mute')){
      player.mute();
    } else {
      player.unMute();
    }
  });
});


  $( document ).ready(function() {
  $('.sound').click(); 


  });

谢谢你的帮助

根据文档,您必须通过api初始化播放器,并将
onReady
事件处理程序作为参数传递

var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('ytplayer', {
        events: {
            'onReady': onPlayerReady
        }
    });
}

function onPlayerReady(event) {
    player.mute();
    player.playVideo();
}

$(document).ready(function(e) { 
    $('.sound').on('click', function(){
        $('#video-foreground').toggleClass('mute');
        $('.volume-icon').toggleClass('fa-volume-up', 'fa-volume-off');
        if ($('#video-foreground').hasClass('mute')){
            player.mute();
        } else {
            player.unMute();
        }
    });
});
其中
ytplayer
是iframe
id
完整脚本。
当它以声音开始时,它标记错误。 有必要在静音状态下启动并激活已经工作的,可以手动激活,但想法是自动激活

<script >var player; 

function onYouTubeIframeAPIReady() {
  player = new YT.Player('video-foreground', {
    videoId: 'bz8ko0wroJQ', // YouTube Video ID
    playerVars: {
      autoplay: 1,       
      controls: 0,        
      showinfo: 0,       
     rel:0,
      modestbranding: 1,  
      loop: 1,            
      fs: 0,              
      cc_load_policy: 0, 
      iv_load_policy: 3,  
      autohide: 0,         
      playlist: 'PLR5MgzxY6DoGXL77i0as2_rKS3aEDcx_R'
    },
    events: {
      'onReady': onready1,
      'onStateChange': onchange2
      }

  });
}

 function onready1(e) {   
        e.target.mute();

}

 function onchange2(e) {   
        if (e.data === YT.PlayerState.ENDED) {
            player.playVideo(); 
        }
 }

$(document).ready(function(e) {   
  $('.sound').on('click', function(){
    $('#video-foreground').toggleClass('mute');
    $('.volume-icon').toggleClass('fa-volume-up', 'fa-volume-off');
    if($('#video-foreground').hasClass('mute')){
      player.mute();
    } else {
      player.unMute();
    }
  });
});

</script>
var播放器;
函数onyoutubeiframeapiredy(){
播放器=新的YT.player('视频前景'{
videoId:'bz8ko0wroJQ',//YouTube视频ID
playerVars:{
自动播放:1,
控件:0,
showinfo:0,
rel:0,
第一,,
循环:1,
财政司司长:0,
cc_加载_策略:0,
iv_负载_策略:3,
自动隐藏:0,
播放列表:“PLR5MgzxY6DoGXL77i0as2_rKS3aEDcx_R”
},
活动:{
“onReady”:onready1,
“onStateChange”:onchange2
}
});
}
函数onready1(e){
e、 target.mute();
}
函数onchange2(e){
如果(e.data==YT.PlayerState.ENDED){
player.playVideo();
}
}
$(文件).ready(函数(e){
$('.sound')。在('click',function()上{
$(“#视频前景”).toggleClass(“静音”);
$('.volume icon')。toggleClass('fa-volume-up','fa-volume-off');
if($('#视频前景').hasClass('mute')){
player.mute();
}否则{
player.unMute();
}
});
});