我的导航固定在页面顶部,但是如果将嵌入iframe的youtube视频滚动到该页面上方,则它会显示在导航顶部(以及任何叠加窗口或模式窗口div)。
尝试将z-index设置为无效。
我发现您可以在嵌入对象上设置wmode =“opaque”使其与旧样式的Flash嵌入一起使用,但是我更喜欢使用HTML 5,而不必在视频嵌入上要求特定设置
http://jsfiddle.net/EB6gN/9/
最佳答案
正确的答案是将iframe的 src 值设置为 wmode = opaque 作为YouTube查询字符串。
对于iframe,没有属性不透明。允许的属性的完整列表在这里:
http://www.w3schools.com/tags/tag_iframe.asp
此更新的jsfiddle仅包含 HTML5 API嵌入YouTube方法,遗漏了旧式嵌入类型和不需要的z-index。
http://jsfiddle.net/EB6gN/16/
如果您在视频上单击播放,则会看到黑屏,这是由于当前的YouTube HTML5 Flash后备错误所致。一旦iframe较大,但播放器坏了,您就会看到控件。请引用此SO帖子以获取该信息:
https://stackoverflow.com/a/10560802/1195891