wmode =透明的Youtube视频iframe不能在IE中使用bootstrap模式

时间:2013-06-03 15:50:41

标签: flash internet-explorer twitter-bootstrap youtube z-index

我有一个网络应用,我使用iframe标签嵌入Youtube视频。我也在使用bootstrap模态。因此,当引导模式未能与youtube视频重叠时,问题出现在IE中。现在我搜索了这个,我发现很多答案说添加wmode = transparent应该可以解决这个问题。好吧,它不适合我。

由于我无法找到设置jsfiddle的方法,我去了bootstrap模态演示站点并编辑了他们的代码并添加了一个YouTube视频。有关详细信息,请参阅以下屏幕截图。

enter image description here

当我点击“启动演示模式”时,它无法正常工作

enter image description here

任何人都可以解释为什么这不起作用或有解决方案吗?

以下是youtube视频代码,我把它放在模态按钮上方

<iframe class="yt-video-iframe" src="https://www.youtube.com/v/WEROVWDp3n0?version=3&amp;f=videos&amp;app=youtube_gdata&amp;wmode=transparent"></iframe>

我正在使用:

  • IE 9
  • bootstrap modal version 2.3.1
  • Youtube API第2版

1 个答案:

答案 0 :(得分:1)

尝试使用wmode = opaque而不是wmode = transparent。但请检查chrome。顺便说一下,如果你在萤火虫上做它就行不通。