youtube视频背后的弹出窗口

Question

我有一个包含youtube视频的网站。我有一个弹出窗口，使用javescript弹出。每次我按下弹出窗口，它就会出现在youtube视频的“后面”。我试着添加

element.style.zIndex="1" 

或object.style.zIndex="1“

添加到我的javascript函数，然后

z-index:-1;

到我的youtube css。但这并不管用。我该怎么办？

youtube css：

position: absolute;
height: 259px;
width: 683px;
left: 235px;
float: left;
text-align:right;
z-index:-1;

Youtube代码：

<div id="youtube_video"  style="float:right">
<object width="580" height="259" float="right"><param name="movie" value="http://www.youtube.com/v/7mKpzQOlyKE?fs=1&amp;hl=iw_IL" ></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7mKpzQOlyKE?fs=1&amp;hl=iw_IL" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="259" ></embed></object>

​

Answer 1

将wmode="opaque"添加到<object> / <embed>标记参数中，看看是否有帮助。

Answer 2

这很常见。你可以使用像lightbox之类的东西。当这种情况发生在我身上时，我在事件开始时(在lightbox show上)编写了一个函数，并在那里隐藏了对象，即：(我将youtube视频放在一个类名为"ToHide“的div中，然后使用

$(".ToHide").hide(); 

然后我在lightbox上注册了一个事件(关闭时)。当事件触发时，我使用以下代码：

$(".ToHide").show();

这就是全部内容：)

Answer 3

问题出在flash播放器上，默认情况下，它使用覆盖模式，忽略排序或z索引。

当您嵌入flash对象时，使用<param name="wmode" value="opaque" />，或者如果使用swfobject .addParam('wmode'，'opaque')；

对于youtube，只需在wmode=元素中添加“opaque”即可。