wmode =透明的Youtube視頻Iframe不工作在IE與引導模式

我有一個網絡應用程序，我在其中嵌入Youtube視頻使用iframe標記。我也使用bootstrap模態。因此，當引導模式無法重疊YouTube視頻時，IE出現問題。現在我google了這一點，我發現很多答案說，添加wmode = transparent應該可以解決問題。那麼，它不適合我。wmode =透明的Youtube視頻Iframe不工作在IE與引導模式

因爲我無法找到設置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
引導模式2.3.1版
的Youtube API版本2

來源

2013-06-03 Mandeep Jain

你可以使用bootply http://bootply.com/來玩bootstrap。可能的重複http://stackoverflow.com/questions/9439444/bootstrap-modal-pop-up-on-top-to-flash。嘗試使用'wmode =「opaque」'。 – Ravimallya

這肯定有幫助，但爲什麼它不起作用，如果我們嘗試將其追加到URL的末尾？ –

嘗試使用wmode = opaque而不是wmode = transparent。但請檢查鉻。順便說一句，如果你在螢火蟲上做它不會工作。

來源

2014-12-12 17:36:21

wmode =透明的Youtube視頻Iframe不工作在IE與引導模式

回答

相關問題