jquery - iPad上jw播放器上的jQuery点击事件

Question

我目前在页面上运行 jwplayer。单击时，其中一个导航菜单位于视频顶部。即使在使用 HTML5 播放器时，在桌面上也可以正常工作。但是，如果我在 iPad 上尝试它，它不会收到点击事件，实际上它们会直接通过菜单 div 并且 jwplayer 会注册点击。

如果我暂停视频，所有点击事件都会在菜单上正常工作。

以前有没有人反对过这个？谢谢

Answer 1

这里的问题是，在 iPad 上，元素区域内发生的所有触摸事件都被视频元素捕获。这是 iOS Safari 浏览器的一个众所周知的限制。

有趣的是，此限制仅适用于启用视频元素的 iOS 控制栏时。如果控件被禁用，则视频元素不再“窃取”事件。

JW Player 6.0 支持一个名为“mobilecontrols”的未记录选项，当设置为“true”时，JW Player 将禁用 iOS 视频控件并自行绘制，从而解决您的问题。JW Player 尚未针对触摸事件进行优化处理，这就是我们默认不这样做的原因。您应该自行评估该行为是否可以接受（例如，拖动时间滑块在释放之前无效）。

Answer 2

看起来很可能导航菜单具有与视频播放器重叠的不正确 css 声明。