我有一个网站，我在页面中嵌入了 videojs 视频。同样在页面上，我有一个固定的页脚，有时还会在单击链接时出现一个模态窗口覆盖。一切都在桌面上运行良好，但在移动设备上，当视频位于固定页脚后面或模式后面时，.vjs-big-play-button 上的触摸事件会触发。
我以前处理过这个问题，我认为解决了它，但我似乎无法弄清楚如何防止它。有没有人遇到过这个。在我的互联网研究中找到解决方案的运气并不好:)
谢谢
戴夫
问问题
889 次
1 回答
0
iPad 浏览器会做这种奇怪的事情，即所有的触摸或点击事件都被视频元素捕获，不管它上面有什么，只要启用了视频元素的本机控件。除了禁用本机控件并构建自己的控件外，您实际上无法使用脚本来解决此问题。
Video.js 带有自定义控件而不是本机控件，除非在 iPad 上运行，因为（根据 heff）：
目前有意选择在移动设备上使用本机控件，因为 HTML 控件在完全可用之前需要一些润色。我们有一个在移动设备上运行良好的皮肤版本，我们很快就会移植其中的一些更改。
所以你需要强制 Video.js 使用 HTML 控件，我相信你可以通过设置nativeControlsForTouch选项来做到这一点，如下所示：
<video class="video-js vjs-default-skin vjs-my-personal-skin" controls preload="auto" data-setup="{nativeControlsForTouch: true}"></video>
注意添加的controls属性和选项data-setup。
于 2014-03-28T20:28:33.580 回答