在ipad safari的背景球员

Question

我正在使用mediaelement.js jQuery插件HTML5播放器。播放器用于页面背景，以便所有菜单都在播放器上方。这适用于Firefox，Chrome，OSX Safari和Opera。在iPad Safari上，菜单仍显示在z-indez位置分层div中的视频上方，但我实际上无法点击菜单。

有任何想法或建议吗？

Answer 1

我遇到与lonchbox相同的问题。 在移动设备上，我有一个位置固定的锚：固定在右下角，这会在点击事件中打开一个div。在网站的任何区域，点击事件都能正常工作，但如果我尝试在播放器上方点击它，则点击不起作用。

指针事件：无解决方案不是这种情况，因为播放器没有捕获错误的点击意图，并且播放器的点击事件正常工作。

我猜这是一个z索引问题 - 通过safari web检查器快速调试，删除播放器div使一切正常。但是将位置改为绝对并设置一个高z-index（在锚点和玩家div上，也在玩家div的父母身上）并没有什么不同。

Answer 2

因此，您要点击的菜单，显示在媒体元素上方不起作用？您可以在不希望接收点击的元素上设置CSS属性，称为指针事件。

因此，对于你的播放器，你可以有这样的规则：

.thePlayer {
    ponter-events:none;
}

设置该规则后，它将无法再接收点击事件。您可能不希望规则始终适用，因此只有在下拉列表激活时才使用一些javascript进行设置。