我的导航固定在我的页面顶部,但是如果嵌入了iframe嵌入的youtube视频,它会显示在导航的顶部(以及任何叠加或模态窗口div).
尝试在其上设置z-index,但无济于事.
我发现你可以在embed对象上设置wmode =“opaque”以使其与旧式flash嵌入一起使用,但我更喜欢使用HTML 5而不需要对视频嵌入进行特定设置
最佳答案 正确答案是将wmode = opaque设置为iframes src值的YouTube查询字符串.
iframe没有Opaque属性.完整的允许属性列表如下：
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
