我将导航固定在页面顶部，但如果在其上滚动嵌入 iframe 的 youtube 视频，它会显示在导航顶部（以及任何覆盖或模态窗口 div）。
尝试在其上设置z-index，但无济于事。
我发现您可以在嵌入对象上设置 wmode="opaque" 以使其与旧式 Flash 嵌入一起使用，但我更喜欢使用 HTML 5 而不必在视频嵌入上要求特定设置
问问题
2969 次
2 回答
2
正确答案是将wmode=opaque设置为 iframe src值的 YouTube 查询字符串。
iframe没有属性不透明。允许的属性的完整列表在这里： http ://www.w3schools.com/tags/tag_iframe.asp
这个更新的 jsfiddle 仅包含HTML5 API Embed YouTube Method，省略了旧样式的嵌入类型和您不想要的 z-index。
http://jsfiddle.net/EB6gN/16/
如果您在视频上单击播放看到黑屏，那是因为当前的 YouTube HTML5 Flash Fallback 错误。一旦 iframe 尺寸变大，您将看到控件，但播放器已损坏。请参考此 SO 帖子以获取该信息：
https ://stackoverflow.com/a/10560802/1195891
于 2012-05-12T09:30:19.270 回答
0
您需要将帧的 wmode 设置为不透明或透明。您还需要将该参数添加到 iframe 中的 youtube 视频中。
更多关于wmode。
编辑：将所有内容设置为不透明效果很好，至少在 Chrome 中。
于 2012-05-11T18:28:06.853 回答