防止 Slider Revolution 暂停 HTML5 视频答案

【问题标题】：Prevent Slider Revolution from pausing HTML5 video防止 Slider Revolution 暂停 HTML5 视频
【发布时间】：2016-02-27 13:44:27
【问题描述】：

我在一个项目中使用 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', ...);

【问题讨论】：

好吧，滑块库中的代码不是告诉你为什么它会暂停吗？它正在检查它是否正在运行，如果是，它将暂停...不要认为您可以在库之外覆盖它，除非您编辑了脚本...
...你试过解除绑定click吗？
@webeno 是的，到目前为止，我唯一可行的解决方案是直接从库中删除行，这很丑:(

标签： javascript jquery html revolution-slider

【解决方案1】：

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

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

Revolution Slider No Interaction 设置防止控制和停止点击播放/暂停：

【讨论】：

【解决方案2】：

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

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

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

Layer positions on rev slider animation settings

【讨论】：

谢谢你，我的朋友，如果它适合你，我真的很感激:)

【解决方案3】：

试试

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

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

已编辑

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

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

【讨论】：

不起作用..find() 在我调用revolution() 脚本后执行，此时它还没有制作视频元素。
您是否尝试过从video 元素取消绑定点击？ $('video').unbind( "click" );