HTML5视频的z-index分层(ipad)

Question

可能重复:
iPad Safari mobile似乎忽略了html5视频元素的z-indexing位置

我正在使用BrightCove智能手机代码将HTML5视频标签写入页面.这段代码用视频标签替换了object标签,以便它可以在iphone和ipad上运行,仍然可以在不支持的浏览器中运行

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

Answer 1

经过一番挖掘,我找到了解决问题的方法,这是一个非常相似的问题.
当动态地将视频标签(也许还有其他人)插入到dom中时,z-index属性会搞砸.
正如您在此处看到的,解决方案非常简单:您必须添加css3属性-webkit-transform-style: preserve-3d.
它没有记录为错误,但这是我能找到的唯一解决方法.
希望这可以帮助.

Answer 2

不确定它是否适用于 HTML5 视频，但 Flash 视频也存在类似问题，可以通过更改“wmode”属性来解决。