HTML5视频（ipad）的z-index分层[重复]

Question

可能重复：
iPad Safari mobile seems to ignore z-indexing position for html5 video elements

我正在使用 BrightCove 智能播放器代码将 HTML5 视频标签写入页面。此代码将 object 标签替换为 video 标签，以便它在 iphone 和 ipad 上工作，同时仍然在不支持的浏览器中工作

我遇到的问题是这个动态写入标签的分层。它似乎不遵守 z-index 顺序，导致当有人滚动下拉菜单时，我放置在视频上方的下拉菜单位于视频后面。

Answer 1

经过一番挖掘，我找到了我的问题的解决方案，这是一个非常相似的解决方案。
在将视频标签（可能也与其他标签一起）动态插入 dom 时，z-index 属性会混乱。
如您所见here，解决方案非常简单：您必须添加css3 属性-webkit-transform-style: preserve-3d。
它没有记录为错误，但这是我能找到的唯一解决方法。
希望这会有所帮助。

Answer 2

不确定它是否适用于 HTML5 视频，但 Flash 视频也有类似的问题，可以通过 changing the "wmode" attribute 解决。

Answer 3

我也遇到了这个。我唯一能为我工作的就是添加

display:none

在视频标签上显示需要点击的 div 时。