在iframe上强制固定导航栏？

Question

我的导航固定在我的页面顶部，但是如果嵌入了iframe嵌入的youtube视频，它会显示在导航的顶部（以及任何叠加或模态窗口div）。

尝试在其上设置z-index，但无济于事。

我发现您可以在embed对象上设置wmode =“opaque”以使其与旧式flash嵌入一起使用，但我更喜欢使用HTML 5而不需要在视频嵌入

http://jsfiddle.net/EB6gN/9/

Answer 1

正确答案是将 wmode = opaque 设置为iframes src 值的YouTube查询字符串。

iframe没有不透明属性。允许的属性的完整列表如下： http://www.w3schools.com/tags/tag_iframe.asp

此更新的jsfiddle仅包含 HTML5 API嵌入YouTube方法，省略了您不想要的旧式嵌入类型和z索引。
http://jsfiddle.net/EB6gN/16/

如果您点击视频上的播放，请看黑屏，这是因为当前的YouTube HTML5 Flash后备错误。一旦iframe的尺寸变大，您就会看到控件，但播放器已损坏。参考此SO帖子获取该信息：
https://stackoverflow.com/a/10560802/1195891

Answer 2

JSFiddle

您需要将帧的wmode设置为不透明或透明。此外，您还需要将该参数添加到iframe中的YouTube视频。

更多关于wmode。

编辑：将所有内容设置为不透明works just fine, in Chrome at least。