如果在嵌入视频 [Firefox] 上使用覆盖，则覆盖不起作用

【问题标题】：Overlay does not work if it is used over embeded video [Firefox]如果在嵌入视频 [Firefox] 上使用覆盖，则覆盖不起作用
【发布时间】：2014-03-05 11:40:34
【问题描述】：

请查看以下代码，它在 chrome 中完美运行，但在 mozilla firefox 中无法正常运行。请帮我解决Firefox的这个问题。

我想要一个marquee 标签漂浮在视频上，就像股票一样。

我尝试过使用“相对”和“绝对”位置，但不知何故，嵌入视频上的 z-index 似乎不起作用。

【问题讨论】：

【解决方案1】：

我在嵌入“链接”的末尾添加了?wmode=opaque。

也可以使用<iframe>标签解决这个问题，支持所有Broswer。

<iframe width="80%" height="100%" src="http://www.youtube.com/embed/WfDK-vfPwag?wmode=opaque" frameborder="0" allowfullscreen></iframe>

【讨论】：

请注意，如果链接是视频链接（即youtube.com/v/WfDK-vfPwag?wmode=opaque）而不是嵌入视频链接（即youtube.com/embed/WfDK-vfPwag?wmode=opaque），z-index 属性会被忽略