wmode =透明的Youtube视频iframe不工作在IE与引导模式 [英] wmode=transparent for Youtube video Iframe not working in IE with bootstrap modal

问题描述

我有一个网络应用程序，使用iframe标记嵌入Youtube视频。我也使用bootstrap模式。所以当IE的引导模式无法重叠YouTube视频时，问题就出现了。现在我google了这个，我发现很多答案说，添加wmode =透明应该解决这个问题。嗯，它不适合我。

因为我找不到设置jsfiddle的方法，所以我到bootstrap模态演示站点并编辑它们的代码并添加YouTube视频。请参阅下面的屏幕截图了解更多详情。

当我点击启动演示模式，它不起作用

任何人都可以解释为什么这个是不工作或有这个解决方案？

以下是我刚才在模态按钮上面的youtube视频代码

 < iframe class =yt-video-iframesrc =https://www.youtube.com/v/WEROVWDp3n0?version=3&amp;f=影片和放大器;放大器;应用= youtube_gdata&放大器;放大器; WMODE =透明>< / iframe中> 
  

我正在使用：

• IE 9


• 引导模式版本2.3.1


• Youtube API版本2

解决方案

尝试使用wmode = opaque而不是wmode = transparent。但检查与铬。顺便说一句，如果你在萤火虫做它不会工作。

I have a web app in which I am embedding Youtube videos using the iframe tag. I am also using bootstrap modal. So the issue arises in IE when the bootstrap modal fails to overlap the youtube video. Now i googled for this and I found a lot of answers saying that adding wmode=transparent should fix the issue. Well, It did not for me.

Since I couldnt figure out a way for setting up a jsfiddle, I went to the bootstrap modal demo site and edited their code and added a youtube video. Please refer the below screenshot for more details.

And when I clicked on the "Launch demo modal", it did not work

Can anyone explain why this is not working or have a solution for this?

Here is the youtube video code which i put just above that modal button

<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>

I am using:

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

解决方案

Try using wmode=opaque instead of wmode=transparent. But check with chrome. By the way, if you do it on firebug it wont work.

这篇关于wmode =透明的Youtube视频iframe不工作在IE与引导模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！