javascript - 防止 Slider Revolution 暂停 HTML5 视频

Question

我在一个项目中使用了 Themepunch Revolution 滑块，它显示了 HTML 5 中的单个视频幻灯片。

当我单击它时，它会暂停，这是我不想要的。

页面中的<video>元素由滑块插件生成。

这是我到目前为止所尝试的：

$('body').on('click', 'video', function(e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});

这是滑块库中的代码：

html5vid.find('video, .tp-poster, .tp-video-play-button').click(function() {
    if (html5vid.hasClass("videoisplaying"))
        video.pause();
    else
        video.play();
})

我也尝试捕捉暂停事件，但它永远不会触发：

$('body').on('pause', 'video', ...);

Answer 1

对于革命Slider 6.x，更简单，只需选择视频层option > Content > (Scroll down) Advanced Media Settings > Set "No Interaction" off

这将禁用单击以暂停/播放并删除控件，您最终会得到一个没有交互的播放视频，也不要忘记设置Loop Media完整的体验

革命滑块无交互设置以防止控制和停止点击播放/暂停：

Answer 2

嘿，现在是 2019 年，但任何寻找解决方案的人都是：

将透明形状图层作为全宽和全高放在视频图层上。

确保将这一层放在视频层上方一层，如下所示（这个形状看起来像在视频层下方，但在 rev 滑块动画设置中，前端越底部越向上，我希望我说清楚:)

rev 滑块动画设置上的图层位置

Answer 3

尝试

html5vid.find('video, .tp-poster, .tp-video-play-button').unbind('click');

替换html5vid为脚本要查找的任何元素。

已编辑

click...或者更好的是，尝试取消绑定video元素，如下所示：

$('video').unbind( "click" );