无法点击 safari 中悬停在视频上方的链接

Question

所以我有一个网站，顶部有一个菜单栏，悬停时会出现一个子菜单。 在菜单下，我有一个嵌入 HTML5 <video> tag 的大视频播放。但是，在 ipad 上的 safari 中，我无法点击悬停在视频上方的链接，尽管我已经给了它们适当的 z-index。

有人可以帮我吗？ :(

编辑：这是一个 jsfiddle：http://jsfiddle.net/7t6c00vn/

问题似乎只发生在 ipad。

Answer 1

该视频优先于任何其他视频 material。在 developer.apple.com 上检查 Putting Video on Canvas。

据我所知，唯一的解决办法似乎是隐藏视频。查看 A Solution for Overlaid Elements on Video

我也很想知道是否有任何其他/更好的解决方案，因为我也在使用 HTML5 和需要互动的视频构建一些东西。

Answer 2

事实证明，这是一种已通过系统更新修复的错误。我认为这个问题还没有确定的答案，但我会选择 FrankHe 的答案，因为它实际上提供了一些真实的建议，并且 material 解决了这个问题。

但是，是的，iOS 更新后一切似乎都正常，所以对于遇到视频元素叠加问题的任何最终用户，请更新您的系统！ :)

不幸的是，这也意味着我不再有未更新的设备来测试。