Youtube的iframe嵌入掩盖了html元素

时间:2011-05-23 06:25:47

标签: html wordpress youtube

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

http://theplagueround.com/dev/

但它隐藏在任何YouTube视频内容背后。我已经看到了一些关于向标签添加参数的帖子,但youtube现在也在使用iframe,因此不适用。

2 个答案:

答案 0 :(得分:4)

你可能想尝试我的插件Youtube(到目前为止已下载4000+):Youtube shortcode

未报告任何设计问题。

答案 1 :(得分:1)

要在工具栏后面显示Youtube视频,您应该将参数wmode = transparent添加到网址的末尾。

所以改变这个:

<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将来更新其嵌入代码,您只需要将插件升级到最新版本。