我查看了有关堆栈溢出中z-index问题的其他问题,我还没有完全理解将信息添加到youtube URL的URL末尾的概念...我无法弄清楚从哪里开始添加wmode或者为什么我要添加...我只是希望它们不会流过页面顶部的导航...有人可能会推荐修复我的YouTube视频,因为我在我的网站上广泛使用嵌入式YouTube视频并且z-索引问题看起来很业余,我宁愿让我的视频在我的导航栏下面运行,如果这完全是可能的。我尝试设置一个div并删除z-index,但我做错了或者这不是一个明确的修复。如果我遇到问题的网址是...... http://www.nicholaslawson.com/youtube.com,请提供帮助,感谢您抽出时间。
答案 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&modestbranding=1&wmode=transparent" frameborder="0" allowfullscreen=""></iframe>
ID PlkWVkpP59U
是您需要更改以更改视频的唯一部分。
然后,您可以将iframe视为具有z-index等的普通元素,尽管通常只有在您执行此操作后才能正常工作