我正在使用 BrightCove 智能播放器代码将 HTML5 视频标签写入页面。此代码将对象标签替换为视频标签，以便它可以在 iphone 和 ipad 上运行，同时仍然可以在不支持的浏览器中运行
我遇到的问题是这个动态写入标签的分层。它似乎不遵守 z-index 顺序，导致当有人翻过下拉菜单时，我放置在视频上方的下拉菜单坐在视频后面。
问问题
10160 次
3 回答
8
经过一番挖掘，我找到了解决问题的方法，这是一个非常相似的问题。
当动态地将视频标签（可能也与其他标签一起）插入 dom 时，z-index 属性被搞砸了。
正如您在此处看到的，解决方案非常简单：您必须添加 css3 属性-webkit-transform-style: preserve-3d。
它没有记录为错误，但这是我能找到的唯一解决方法。
希望这可以帮助。
于 2011-08-02T06:46:31.137 回答
0
我也遇到了这个。我唯一可以为我工作的就是添加
display:none
在视频标签上显示需要点击的 div 时。
于 2011-12-15T18:41:38.857 回答
0
不确定它是否适用于 HTML5 视频，但 Flash 视频也存在类似问题，可以通过更改“wmode”属性来解决。
于 2010-09-07T17:09:59.330 回答