我有一个网络应用程序，我使用 iframe 标签嵌入 Youtube 视频。我也在使用 Bootstrap 模式。因此，当 Bootstrap 模式无法与 YouTube 视频重叠时，IE 中就会出现问题。现在我用谷歌搜索这个问题，发现很多答案都说添加 wmode=transparent 应该可以解决这个问题。嗯，它不适合我。
由于我无法找到设置 jsfiddle 的方法，因此我访问了 bootstrap 模式演示网站并编辑了他们的代码并添加了 YouTube 视频。请参阅下面的屏幕截图了解更多详细信息。
当我点击“启动演示模式”时，它不起作用
任何人都可以解释为什么这不起作用或有解决方案吗？
这是我放在模式按钮上方的 YouTube 视频代码
<iframe class="yt-video-iframe" src="https://www.youtube.com/v/WEROVWDp3n0?version=3&f=videos&app=youtube_gdata&wmode=transparent"></iframe>
我正在使用:
- IE 9
- Bootstrap 模式版本 2.3.1
- Youtube API 版本 2
最佳答案
尝试使用 wmode=opaque 而不是 wmode=transparent。但请检查一下 Chrome 。顺便说一句，如果你在 firebug 上这样做，它就不会起作用。
关于flash - wmode=transparent 对于 Youtube 视频 Iframe 无法在具有 Bootstrap 模式的 IE 中工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16900804/