Z-Index和YouTube视频......重叠内容Quandry

时间:2012-05-01 19:29:49

标签: youtube

我查看了有关堆栈溢出中z-index问题的其他问题,我还没有完全理解将信息添加到youtube URL的URL末尾的概念...我无法弄清楚从哪里开始添加wmode或者为什么我要添加...我只是希望它们不会流过页面顶部的导航...有人可能会推荐修复我的YouTube视频,因为我在我的网站上广泛使用嵌入式YouTube视频并且z-索引问题看起来很业余,我宁愿让我的视频在我的导航栏下面运行,如果这完全是可能的。我尝试设置一个div并删除z-index,但我做错了或者这不是一个明确的修复。如果我遇到问题的网址是...... http://www.nicholaslawson.com/youtube.com,请提供帮助,感谢您抽出时间。

2 个答案:

答案 0 :(得分:7)

这是一个非常简单的修复。 但是添加: ?wmode=opaque 到网址的末尾。例如:

http://youtube.com/embed/IdG0e5h3re

会变成

http://youtube.com/embed/IdG0e5h3re?wmode=opaque

我刚才有同样的问题!

答案 1 :(得分:0)

这是我最近嵌入YouTube视频的代码

<iframe width="640" height="390" src="https://www.youtube.com/embed/PlkWVkpP59U?rel=0&amp;modestbranding=1&amp;wmode=transparent" frameborder="0" allowfullscreen=""></iframe>

ID PlkWVkpP59U是您需要更改以更改视频的唯一部分。

然后,您可以将iframe视为具有z-index等的普通元素,尽管通常只有在您执行此操作后才能正常工作