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 无交互设置可防止控制并停止点击播放/暂停:
