jquery - jQuery：将 wmode 设置为 Youtube 视频以进行 z-index 处理

Question

我正在这样做：

//z-index of flash objects
$('object').prepend('<param name="wmode" value="opaque">');
$('object embed').attr('wmode', 'opaque');

因此，当我检查页面上的 youtube 视频时，它会显示：

<object width="500" height="281">
<param name="wmode" value="opaque">
<param name="movie" value="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;feature=oembed">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;feature=oembed" type="application/x-shockwave-flash" width="500" height="281" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></object>

fixed position我的页面上有可拖动的对象z-index:9999。但是，我没有改变让 youtube 视频留在这些对象后面。即使我设置了 wmode，youtube 视频也总是在最前面。

知道我在这里做错了什么吗？

Answer 1

您是否尝试过 wmode透明？

这就是我用过的。不确定在这种情况下不透明和透明之间的区别是什么。 使用窗口模式 (wmode) 值

也不确定，但也许这会有所帮助： 不透明和透明之间的区别

Answer 2

<param name="wmode" value="transparent">

或者您可以使用新的 youtube 方法嵌入视频它就像：

<iframe class="youtube-player" type="text/html" width="481" height="295" src="http://www.youtube.com/embed/HgLviEa0YHo?wmode=transparent" frameborder="0"> </iframe>

它与wmode属性一起出现。