【问题标题】: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>

更多:

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

【讨论】:

  • 谢谢... wmode 解决了它。我不喜欢硬编码,但这个项目一直在进行,这是目前最快的。
猜你喜欢
  • 2014-01-13
  • 2012-08-15
  • 2012-08-22
  • 2019-01-11
  • 1970-01-01
  • 2011-12-13
  • 2012-06-01
  • 2013-02-16
  • 2015-02-27
相关资源
最近更新 更多