防止滑块旋转暂停HTML5视频
防止滑块旋转暂停HTML5视频
提问于 2016-02-27 21:44:28
我在一个项目中使用了Themepunch旋转滑块，它用HTML5显示了一个视频幻灯片。
当我点击它时，它会暂停，这是我不想要的。
页面中的<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();
})我也尝试过捕捉pause事件，但它从不触发：
$('body').on('pause', 'video', ...);回答 3
Stack Overflow用户
发布于 2019-12-25 20:54:16
对于革命Slider 6.x，它更简单，只需选择视频图层option > Content > (Scroll down) Advanced Media Settings > Set "No Interaction" off
这将禁用单击暂停/播放也删除控件，您最终播放的视频没有任何交互，也不要忘记设置Loop Media为完整的体验
旋转滑块无交互设置，以防止控制和停止点击播放/暂停：
Stack Overflow用户
发布于 2019-05-24 21:05:11
嘿，现在是2019年，但是任何寻找解决方案的人都是这样的：
把透明的形状图层放在视频层上作为全宽和全高。
确保把这个图层放在视频层之上一步，如下所示(这个形状看起来像是在视频层下面，但在旋转滑块动画设置中，越往下越靠前，我希望我能说清楚:)
Stack Overflow用户
发布于 2016-02-27 21:52:12
试一试
html5vid.find('video, .tp-poster, .tp-video-play-button').unbind('click');将html5vid替换为脚本要在其中查找的任何元素。
编辑的
更好的做法是，尝试取消绑定video元素上的click，如下所示：
$('video').unbind( "click" );页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35670534
复制相关文章
相似问题
腾讯云开发者
