VideoJs按钮跳过广告不隐藏点击

Question

我的项目使用VideoJs播放器。我有预加载的广告，但不要延迟"跳过广告"按钮的分钟，当我点击它时，按钮不会显示。我尝试了播放器的功能，但没有发生任何事情，我试图用jquery捕捉点击按钮，但没有捕捉到点击。我哪里错了？

<video style="width: 100%; height: 550px;"  id="videobigmain" poster="<?=backendmodelsPage::getMainPoster(68)?>" class="video video-js vjs-default-skin" controls  data-setup="{}" >
<source src="<?=backendmodelsPage::getVideo(68,1)?>" type="video/mp4">
//this is not work
<div class="videojs-ads-info enabled">
<span>Your video will resume in 23 seconds</span>
<a class="enabled">Skip Ad</a>
</div>
</video>

和脚本：

videojs('#videobigmain', {}, function () {
var player = this;
//custom button for share the video
var VjsButton = videojs.getComponent("Button");
var customButton = videojs.extend(VjsButton, {
constructor: function(player, options){
VjsButton.call(this, player, options);
this.controlText("Get Code Iframe");
},
handleClick: function() {
$(".popup, .popup-content").addClass("active settings-popup");
},
buildCSSClass: function() {
return "vjs-icon-custombutton vjs-control vjs-button";
}
});
videojs.registerComponent("customButton", customButton);                                         player.getChild("controlBar").addChild("customButton", {});
<?php if(backendmodelsPage::hasAds(68,1) == true){ ?>
player.ads();
player.skipAds({
delayInSeconds: 10
});
player.on('contentchanged', function () {
player.trigger('adsready');
});
player.on('readyforpreroll', function () {
player.ads.startLinearAdMode();
player.src("<?=backendmodelsPage::getAds(68,1)?>");
player.one('adplaying', function () {
player.trigger('ads-ad-started');
});
player.one('adended', function () {
player.ads.endLinearAdMode();
$(".videojs-ads-info").css("display", "none");
});
});
<?php } ?>
player.trigger('adsready');
});
$( "#close-p" ).on( "click", function() {
$(".popup, .popup-content").removeClass("active settings-popup");                                       });
$( ".videojs-ads-info" ).on( "click", function() {
$(".videojs-ads-info").css("display", "none");
});
$( ".videojs-ads-info > a" ).on( "click", function() {
$(".videojs-ads-info").css("display", "none");
});      

Answer 1

页面上有两个videojs广告信息块：

• 你插入的静态项目，但它是隐藏的，没有用
• 动态项js已插入并正在工作

更改：

$( ".videojs-ads-info" ).on( "click", function() {
$(".videojs-ads-info").css("display", "none");
});
$( ".videojs-ads-info > a" ).on( "click", function() {
$(".videojs-ads-info").css("display", "none");
});

对此：

$('#videobigmain').on('click', '.videojs-ads-info a', function () {
$(".videojs-ads-info").css("display", "none");
});