jQuery UI對話框和YouTube

我想用YouTube視頻使用jQuery對話框。jQuery UI對話框和YouTube

的jQuery的代碼是：

var template = $(document.createElement('div')).attr('class', 'sample').attr('id', 'sample').text('Hello World'); 
    $('body').append(template); 
    $(template).dialog({ 
     autoOpen: false, 
     height: 280, 
     width: 600, 
     modal: true, 
     resizable: false, 
     open: function(){}, 
     close: function() {}, 
     buttons: {}   
    });

YouTube的代碼是：

<iframe title="Video" width="640" height="390" src="http://www.youtube.com/embed/gVjqL-9Fh3E" frameborder="0" allowfullscreen></iframe>

的視頻已經在頁面上。頁面上還有一個按鈕。點擊按鈕上面的對話框打開。所以，問題是當對話框打開時，對話框在視頻背後。試圖使用谷歌搜索，有一個類似的問題解決方案，當視頻嵌入使用對象和嵌入，但沒有使用iframe時。任何方向的人都可以做些什麼來處理這個問題？

來源

2011-02-04 AR_

我很困惑。對話框中或主頁上是否有YouTube視頻（並且您正試圖在視頻上方顯示對話框？） – 2011-02-04 19:32:56

因此，該視頻已在頁面上。頁面上還有一個按鈕。點擊按鈕後，對話框打開。該對話框位於視頻背後。 – 2011-02-04 19:38:52

是否將<param name="wmode" value="transparent">添加到object用於嵌入Flash內容的幫助？

我很長一段時間沒有做過任何閃存開發，但我似乎還記得遇到類似的問題一次，這就修復了它。目前YouTube默認通過iframe嵌入，但我認爲您仍然可以使用object標籤的舊嵌入方法。

編輯：對於iframe網址嘗試添加：&的wmode =透明

來源

2011-02-04 19:43:11

jQuery UI對話框和YouTube

回答

相關問題