Youtube 的 iframe 嵌入掩盖了 html 元素答案

【问题标题】：Youtube's iframe embeds cover up html elementsYoutube 的 iframe 嵌入掩盖了 html 元素
【发布时间】：2011-08-30 21:59:49
【问题描述】：

我一直在我的示例网站顶部的工具栏上工作：

http://theplagueround.com/dev/

但它隐藏在任何 youtube 视频内容后面。我看过一两篇关于向标签添加参数的帖子，但 youtube 现在也在使用 iframe，所以这不适用。

【问题讨论】：

检查了z-index？在 div 上放置一个巨大的 zindex 并查看它是否隐藏它。如果没有.. 尝试使用另一个 z-index 将另一个 iframe 添加到同一个 div。其中之一应该可以解决问题，但imo仔细检查导致问题的原因。你用的是什么浏览器？

标签： html wordpress youtube

【解决方案1】：

您可能想试试我的 Youtube 插件（目前已下载 4000 多次）：Youtube shortcode

未报告任何设计问题。

【讨论】：

看起来是个很棒的插件！不过，我需要能够将嵌入代码插入到我的主题选项中。

【解决方案2】：

要让 Youtube 视频出现在您的工具栏后面，您应该将参数 wmode=transparent 添加到 URL 的末尾。

所以改变这个：

<iframe width="425" height="349" 
    src="http://www.youtube.com/embed/H1Opn4DS88k" 
    frameborder="0" allowfullscreen></iframe>

到这里：

<iframe width="425" height="349" 
    src="http://www.youtube.com/embed/H1Opn4DS88k?wmode=transparent"     
    frameborder="0" allowfullscreen></iframe>

http://www.brandondawson.org/web-design/new-youtube-iframe-embed-code-wmodetransparent

如果您不想将 HTML 硬编码到您的帖子中，您应该使用类似 @Tubal Martin 提供的插件。这样做的好处是，如果 Youtube 将来更新他们的嵌入代码，您应该只需要将插件升级到最新版本。

【讨论】：

谢谢... wmode 解决了它。我不喜欢硬编码，但这个项目一直在进行，这是目前最快的。