диалоговое окно jQuery UI и YouTube

Question

Я пытаюсь использовать диалог 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>

Видео уже на странице. На странице также есть кнопка. При нажатии на кнопку открывается вышеуказанное диалоговое окно. Таким образом, проблема в том, что когда диалог открывается, он скрывается за видео. Пробовал поиск в Google, есть решение для аналогичной проблемы, когда видео внедряется с использованием Object и встраивается, но ничего, когда используется iframe. Какие-либо указания людям относительно того, что можно сделать для решения этой проблемы?

Answer 1

Помогает ли добавление <param name="wmode" value="transparent"> к object, используемому для встраивания флэш-содержимого?

Я давно не занимался разработкой флэш-памяти, но, кажется, помню, что однажды столкнулся с подобной проблемой, и это исправило ее. В настоящее время YouTube встраивает по умолчанию iframe, но я думаю, что вы все еще можете использовать старый метод встраивания с тегом object.

Редактировать: для URL-адреса iframe попробуйте добавить: & wmode = transparent