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

Question

所以我的网站顶部有一个菜单栏，当你悬停时会出现一个子菜单。 在菜单下，我有一个嵌入了z-index的大型视频。但是，在ipad上的safari上，我无法点击悬停在视频上方的链接，尽管我已经给他们一个合适的ORB。

任何人都可以帮助我吗？ ：（

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

问题似乎只发生在ipad上。

Answer 1

视频优先于任何其他资料。在developer.apple.com上查看Putting Video on Canvas。

据我所知，唯一的解决方案似乎是隐藏视频。校验 A Solution for Overlaid Elements on Video

我还想知道是否还有其他/更好的解决方案，因为我还在使用HTML5和需要互动的视频构建内容。

Answer 2

事实证明，这是一种通过系统更新修复的错误。我不认为这个问题有一个明确的答案，但我会选择FrankHe的答案，因为它实际上为这个问题提供了一些真实的建议和材料。

但是，在iOS更新之后，事情似乎有效，因此对于遇到视频元素重叠问题的最终用户，请更新您的系统！ ：）

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