html - 如何获得覆盖Flash视频的元素(尝试wmode = transparent)？

Question

我的首页上有一个YouTube视频，现在我需要一个模式来显示某些事件。

出于某种原因，即使将<param name="wmode" value="transparent">添加到Flash对象中，它仍然会覆盖HTML元素(也具有更高的z-index)。

我在JSfiddle上有它。

我想也许iframe可以解决这个问题，但这需要我创建一个新页面才能放视频。

难道我做错了什么？

谢谢

更新资料

奇怪的是，此行为发生在Windows Firefox和IE8上。在Mac上的Firefox上，它可以正常显示。

Answer 1

您同时具有嵌入和对象。您需要将wmode应用于嵌入。

http://jsfiddle.net/zCDVx/2/

<object width="640" height="385">
    <param name="movie" value="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&amp;hl=en_GB">
    <param name="wmode" value="transparent">
    <param name="allowscriptaccess" value="always">
    <embed src="http://www.youtube.com/v/_-wDuGDtjCc?fs=1&amp;hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="transparent"></embed>
</object>