ipad safari上的后台播放器

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

任何想法或建议？

来源

2011-03-31 lonchbox

我澄清了你的问题，因为措辞令人困惑。希望我仍然抓住了你的情况和问题。如果您有任何进一步的细节或更正，再次编辑。 – JCotton 2011-05-17 19:23:47

所以你想点击的菜单，显示在媒体元素上方不起作用？有一个CSS属性，您可以在您不希望接收点击的元素上设置它的名为pointer-events。

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

.thePlayer { 
    ponter-events:none; 
}

当规则设置，就可以不再接收单击事件。您可能不希望规则应用于所有时间，因此只有在激活下拉列表时才使用一些javascript进行设置。

来源

2011-03-31 19:14:57

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

指针事件：无解决方案并非如此，因为玩家没有捕获错误的点击意图，并且玩家的点击事件正常工作。

我猜这是一个z-index问题 - 通过safari web inspector进行快速调试，删除播放器div使一切正常。但改变立场为绝对，并建立一个高Z指数（无论是锚和球员的分区，还有球员的父母）都没有什么不同。

来源

2012-11-12 00:12:26

ipad safari上的后台播放器

回答

相关问题