YouTube iframe 嵌入的 wmode 参数

Posted

技术标签:

【中文标题】YouTube iframe 嵌入的 wmode 参数【英文标题】:wmode parameter for YouTube iframe embed 【发布时间】:2011-12-06 11:21:22 【问题描述】:

在通过 YouTube iframe 嵌入时设置wmode 参数(请参阅Youtube iframe wmode issue)似乎不再有效,至少在 Chrome 14 和据说 IE 中也是如此。我创建了这个 jsfiddle 来演示这个问题:http://jsfiddle.net/HYPBb/1/。请注意div 如何不与 iframe 中的 Flash 重叠。

这是一个已知问题吗? YouTube 网站上似乎没有开发者论坛来报告这一点。现在有解决此问题的替代方法吗?

【问题讨论】:

【参考方案1】:

问题在于,在迁移到新的 iframe 嵌入时,我没有正确转换 URL。如果 Flash URL 如下所示:

http://www.youtube.com/v/FOHJUrcVdJk

iframe 网址应如下所示:

http://www.youtube.com/embed/FOHJUrcVdJk

The updated jsfiddle 表明 wmode 查询字符串参数现在在转换 URL 后有效。

【讨论】:

以上是关于YouTube iframe 嵌入的 wmode 参数的主要内容,如果未能解决你的问题,请参考以下文章

使用 iframe 嵌入 Youtube 视频会给出“不安全的 JavaScript 尝试......”

如何将 wmode=transparent 动态添加到 Youtube 嵌入代码?

php preg_replace 帮助 iframe src

iframe youtube 始终位于移动设备上的其他元素之上

JQModal 在 iframe 上显示并使用 ?wmode=opaque

如何自动播放静音的 Youtube 视频 (IFrame API)?