防止滑块革命暂停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

尝试

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

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

<强> EDITED

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

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

Answer 2

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

将透明形状图层作为完整宽度和高度放置在视频图层上。

确保将此层放置在视频层上方一步，如下所示（此形状看起来像在视频层下方，但是在rev滑块动画设置中，底部越靠前，我希望我就越清楚：）

Layer positions on rev slider animation settings

Answer 3

对于Revolution <script type="application/ld+json"> [ { "@context": "http://schema.org/", "@type": "JobPosting", "title": "Job1", "description": "", "datePosted": "2018-10-26", "validThrough": "2018-11-02", "hiringOrganization": { "@type": "Place", "address": { } } }, { "@context": "http://schema.org/", "@type": "JobPosting", "title": "Job2", "description": "", "datePosted": "2018-10-26", "validThrough": "2018-11-02", "hiringOrganization": { "@type": "Place", "address": { } } } ] </script> ，它更容易，只需选择视频层Slider 6.x

这将禁用单击以暂停/播放，也将删除控件，您最终会获得没有交互的播放视频，也不要忘记将option > Content > (Scroll down) Advanced Media Settings > Set "No Interaction" off设置为完整体验

Revolution Slider No Interaction设置，用于防止控件并停止单击以播放/暂停：