jQuery UI 对话框和 YouTube答案

【问题标题】：jQuery UI dialog and YouTubejQuery UI 对话框和 YouTube
【发布时间】：2011-06-21 14:00:37
【问题描述】：

我正在尝试将 jQuery 对话框与 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>

视频已经在页面上。页面上还有一个按钮。单击按钮后，将打开上述对话框。所以，问题是当对话框打开时，对话框在视频后面。尝试谷歌搜索，当使用 Object 嵌入视频并嵌入视频时，有类似问题的解决方案，但在使用 iframe 时没有。关于可以采取哪些措施来解决此问题的任何指示？

【问题讨论】：

我很困惑。 YouTube 视频是在对话框中还是在主页上（并且您试图在视频上方显示对话框？）
所以，视频已经在页面上。页面上还有一个按钮。单击按钮后，对话框打开。对话框位于视频后面。

标签： javascript jquery jquery-ui youtube

【解决方案1】：

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

我好久没做flash开发了，不过好像记得遇到过类似的问题，这次解决了。目前 YouTube 默认通过 iframe 嵌入，但我认为您仍然可以使用带有 object 标签的旧嵌入方法。

编辑：对于 iframe url，尝试添加：&wmode=transparent

【讨论】：

是的，但要求是像 CMS 一样使用 iframe，这种方法只允许用户提供一个标签。
将 &wmode=transparent 添加到 url 并尝试。
很好，完美！现在需要检查我需要做什么来支持其他视频网站。谢谢！