Jquery 在(单击)查找触发器时
我有一段来自youtube api的背景视频, 但我不能从声音开始。我使用.trigger和.click进行了测试,但它不起作用。 你知道我能做什么吗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',
$(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
是iframeid
完整脚本。当它以声音开始时,它标记错误。 有必要在静音状态下启动并激活已经工作的,可以手动激活,但想法是自动激活
<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();
}
});
});