我有一个网站，我在页面中嵌入了videojs视频。同样在页面上我有一个固定的页脚，偶尔会出现一个模式窗口叠加层，点击链接时出现。所有这些都适用于台式机，但在移动设备上，.vjs-big-play-button上的触摸事件在视频位于固定页脚后面或在模态后面时触发。
我之前已经解决了这个问题，我认为解决了这个问题，但我似乎无法弄清楚如何预防它。有没有人遇到这个。在我对互联网的研究中找不到解决方案我没有太多运气：）
由于
戴夫
答案 0 :(得分：0)
iPad浏览器做了这个奇怪的事情，无论视频元素的本机控件是否启用，所有触摸或点击事件都被视频元素捕获，无论它是什么。除了禁用本机控件并构建自己的控件之外，没有什么可以用脚本来解决这个问题。
Video.js附带自定义控件而不是本机控件，除非在iPad上运行，因为（according to 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属性和选项。