jwPlayer fadeIn跳过按钮在全屏模式下消失

时间:2019-10-20 14:56:17

标签: javascript jquery jwplayer

我正在一个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>

我猜我将屏幕更改为全屏模式时,跳过按钮显示在后台吗?当我回到正常模式时,它又出现了吗?

0 个答案:

没有答案