jQuery对话框中的Youtube视频始终位于其他内容之上

Question

我在jQuery对话框中嵌入视频时遇到了一些麻烦。它显示和播放都很好，但它总是在其他对话框的前面。当我通过带有视频的视频传递另一个对话框时，视频会保留在所有内容之上......任何人都可以帮忙吗？

Answer 1

您的问题与jQuery或JavaScript无关。它与Flash对象的z-index有关。

我成功之前就使用过这个解决方案......

http://manisheriar.com/blog/flash_objects_and_z_index

• 将您的Flash内容放入名为div

的包装flash中

• 将<param name="wmode" value="transparent">添加到您的object代码

• 将wmode="transparent"添加到embed代码

中

• 使用CSS为position设置z-index和div（不要设置负z-index值，因为它会隐藏你的Flash）

<强> CSS

#flash {
    position: relative; /*or absolute*/
    z-index: 0;
}

<强> HTML

<div id="flash">
    <object .... >
        <param name="wmode" value="transparent">
        <embed .... wmode="transparent">
    </object>
</div>