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时。任何方向的人都可以做些什么来处理这个问题?

+0

我很困惑。对话框中或主页上是否有YouTube视频(并且您正试图在视频上方显示对话框?) – 2011-02-04 19:32:56

+0

因此,该视频已在页面上。页面上还有一个按钮。点击按钮后,对话框打开。该对话框位于视频背后。 – 2011-02-04 19:38:52

是否将<param name="wmode" value="transparent">添加到object用于嵌入Flash内容的帮助?

我很长一段时间没有做过任何闪存开发,但我似乎还记得遇到类似的问题一次,这就修复了它。目前YouTube默认通过iframe嵌入,但我认为您仍然可以使用object标签的旧嵌入方法。

编辑:对于iframe网址尝试添加:&的wmode =透明