Question

我目前正在为video.js构建一个插件，在某些断点处向屏幕显示叠加层。但是，如果不启动视频，我无法点击任何叠加层。我想我需要禁用播放器上的点击播放功能。

我应该如何禁用/启用video.js播放器的点击播放功能？

function createBreak(breakpoint){

    player.pause();//pause the playback
    player.getChild('controlBar').hide();//hide the controlbar
    breakpoint.resolved = true;//

    var button = createEl('button',{});//adds button to video.js parent <div>
    button.innerHTML = "continue";//
    //THE PROBLEM: this button cannot be clicked (this is just a proof of concept)
    //    because clicking on it will restart the player
    //WHAT I NEED: a function that can disable the click-to-play 


}

This solution已经存在，但它似乎仅适用于较旧版本的video.js

Answer 1

这里发生的是点击覆盖层向下传播到video.js播放器。您需要做的就是停止在叠加层上传播click事件。这意味着您无需禁用任何video.js播放器功能。

Mozilla Doc: Event.stopPropagation()

Event Bubble Cancellation Demo

在您的情况下可能适用的是

bin/nutch dump -outputDir <path_of_output_dir> -segment <segments_dir>

这将停止叠加层上的点击事件，不要让下面的玩家点击。

Answer 2

由于.vjs-big-play-button z-index值设置为2，您应该为叠加层提供更大的z-index。然后它也将覆盖播放按钮。

禁用/启用点击播放功能

2 个答案: