YouTube 播放器的 FF3/Windows CSS z-index 问题

StackOverflow https://stackoverflow.com/questions/326196

题

我陷入了与 YouTube 播放器似乎存在 CSS/z-index 冲突的困境。在Windows XP下的Firefox 3中，看一下这个页面： http://spokenword.org/program/21396 单击 Collect 按钮，注意会出现弹出窗口 <div> 在下面 YouTube 播放器。在其他浏览器上，<div> 显示在顶部。它的 z 索引值为 999999。我尝试将包含玩家的 <object> 元素的 z-index 设置为较低的值，但这不起作用。知道如何让弹出窗口出现在播放器上吗？

有帮助吗？

解决方案

尝试添加 wmode 参数为 opaque 像这样：

（请注意，它包含在 两个都 A <param> 标签 和 A wmode 属性上的 <embed> 标签。）

<object width='425' height='344'> 
    <param name='movie' value='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'> 
    <param name='type' value='application/x-shockwave-flash'> 
    <param name='allowfullscreen' value='true'> 
    <param name='allowscriptaccess' value='always'> 
    <param name="wmode" value="opaque" />
    <embed width='425' height='344'
            src='http://www.youtube.com/v/Wj_JNwNbETA&hl=en&fs=1'
            type='application/x-shockwave-flash'
            allowfullscreen='true'
            allowscriptaccess='always'
            wmode="opaque"
    ></embed> 
    </object>

其他提示

尽管CMS的建议有效，但仍有重要更新。如果您想使用'iframe'而不是'embed'，只需在您的视频链接中添加?wmode=transparent即可。我觉得这更简单干净。

更新，2014年2月

已经有一段时间了，这可能已经过时了。

有人报告说现在&wmode=transparent代替了。

我已经找到了可以在所有浏览器中修复的纯JS函数！

去那里： 通用标签

现在您可以在使用jQuery加载页面时立即运行： 通用标签

我们使用 jQuery Flash插件将YouTube链接转换为Flash电影。在这种情况下，wmode作为选项传递，以使YouTube视频出现在我们打开的jQuery对话框下面： 通用标签

我注意到wmode=“ opaque”严重影响CPU的使用。 Chrome在我的笔记本电脑上占用了50％的CPU使用率（不透明〜8％）。
因此，请谨慎使用此选项。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top