我正在一个jwplayer视频网站上,该网站有一个跳过按钮(5秒后跳过广告)。在正常模式下,该按钮可以正常工作。当我将屏幕更改为全屏模式时,该按钮会消失,而在全屏退出时会再次出现。我在代码中包含了jwplayer全屏事件,但仍然无法在全屏模式下工作。
<script>
var countdown = setInterval(function(){
var c = 5 - jwplayer().getPosition();
if(jwplayer().getPosition() > 0){
jwplayer().setControls(false); $(".rel").fadeIn(); $(".rel").html("Skip in "+Math.round(c)+"s");
}
if(jwplayer().getPosition() > 4){
clearInterval(countdown); $(".rel").addClass("skipad"); $(".skipad").removeClass("rel").html("Skip Ad");
$(".skipad").show(); jwplayer().setControls(true);
}
}, 1000);
jwplayer().on("fullscreen", function(e){
$(".skipad,.rel").show();
});
jwplayer().on("playlist", function(e){ if(e.index > 0){ $(".rel,.skipad").remove(); } });
jwplayer().on("complete", function(e){
$(".skipad,.rel").hide(); $("#jwPlayer").remove(); $(".hide").show(); youtubeStart();
});
$(document).on("click",".skipad", function(e){
e.preventDefault(); $(this).hide(); $("#jwPlayer").remove(); $(".hide").show(); youtubeStart();
});
</script>
我猜我将屏幕更改为全屏模式时,跳过按钮显示在后台吗?当我回到正常模式时,它又出现了吗?