防止 Slider Revolution 暂停 HTML5 视频

Oli*_*Oli 0 html javascript jquery revolution-slider

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

当我点击它时,它会暂停,这是我不想要的。

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

到目前为止,这是我尝试过的:

$('body').on('click', 'video', function(e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});
Run Code Online (Sandbox Code Playgroud)

这是滑块库中的代码:

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

我也尝试捕获暂停事件,但它从未触发:

$('body').on('pause', 'video', ...);
Run Code Online (Sandbox Code Playgroud)

小智 5

对于 Revolution 来说Slider 6.x,更简单,只需选择视频图层即可option > Content > (Scroll down) Advanced Media Settings > Set "No Interaction" off

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

Revolution Slider 无交互设置可防止控制并停止点击播放/暂停: Revolution Slider 无交互设置可防止控制并停止点击播放/暂停