可能重复：
iPad Safari mobile seems to ignore z-indexing position for html5 video elements
我正在使用BrightCove智能手机代码将HTML5视频标记写入页面。此代码将视频标记替换为object标记，以便它可以在iphone和ipad上运行，仍然可以在不支持的浏览器中工作
我遇到的问题是这个动态写入标签的分层。它似乎不遵守z-index顺序，导致当有人滚过下拉列表时，我放在视频后面的视频上方的下拉列表。
答案 0 :(得分：8)
经过一番挖掘后，我找到了解决问题的方法，这是一个非常相似的问题
当动态地将视频标签（也许还有其他人）插入到dom中时，z-index属性会搞砸
如您所见[{3}}，解决方案非常简单：您必须添加css3属性 -webkit-transform-style: preserve-3d 。
它没有记录为错误，但这是我能找到的唯一解决方法
希望这会有所帮助。
答案 1 :(得分：0)
不确定它是否适用于HTML5视频，但Flash视频存在类似问题，可由changing the "wmode" attribute解决。
答案 2 :(得分：0)
我也碰到了这个。我唯一可以为我工作的是添加
display:none
在显示需要点击的div时显示视频标记。