我有一个包含嵌入式优酷视频的iframe，并且它不遵守IE中设置的z-index并且在所有内容之上。通过YouTube视频，我可以通过将wmode参数设置为transparent或opaque来解决此问题，但对优酷视频执行相同操作无效。
<iframe width="720" height="405" src="http://player.youku.com/embed/[VIDEOCODE]?rel=0&wmode=opaque" frameborder=0 allowfullscreen></iframe>
有关如何解决此问题的任何想法？
答案 0 :(得分：1)
我在包含Youtube和优酷视频的网页上安装的fancybox插件遇到了同样的问题。对于Youtube视频，您可以在视频的src网址末尾?wmode=opaque或&wmode=opaque。当你使用&wmode=opaque时？ （也称为查询参数）已在src url中使用。
优酷显然不会这样做。但真正的问题是这两个视频都是基于Flash的插件。 Flash与您的z-index不兼容，偶尔也需要您将其放回原位。因此，以下解决方案适用于任何基于Flash的插件，而不仅仅是优酷视频：
在嵌入之前插入<param name="wmode" value="transparent">（我知道你抓住了优酷的iframe代码，但如果你仔细观察它们有一个使用嵌入的HTML友好代码），并在嵌入代码中给出插入{{1} }之前＆gt;你的开放嵌入。
wmode="transparent"
我已经在IE8及以上版本中对此进行了测试。工作得很漂亮。