Видео на Youtube выходит на первое место из iframe

У меня есть страница с iframe, отображающим внешний веб-сайт, который охватывает всю страницу, сверху есть div с некоторым содержимым, похожим на новый интерфейс изображений Google. Если на странице, содержащейся в iframe, есть видео YouTube, оно переходит к содержимому на главной странице, поскольку страница в iframe находится на внешнем веб-сайте, и для нее нельзя установить прозрачность wmode.

Есть ли способ управлять наложением флэш-памяти внутри iframe?

Спасибо

Джузеппе


html z-index flash wmode
person Gusepo    schedule 19.10.2010    source источник

Ответы (5)


arrow_upward
4
arrow_downward

Вам просто нужно изменить значение src iframe следующим образом:

$('iframe').each(function() {
    var fixed_src = $(this).attr('src') + '&wmode=transparent';
    $(this).attr('src', fixed_src);
});

*Примечание. Это относится к коду встраивания iframe на YouTube.

person zacharydanger    schedule 22.02.2011
comment
на самом деле это не сработает, если в источнике iframe нет других параметров получения, поэтому вам нужно сначала проверить, содержит ли $(this).attr('src') ? и если это не так, то вы должны префикс wmode=transparent с? вместо . - person Misha Reyzlin; 13.04.2011

arrow_upward
1
arrow_downward

Добавьте ?, а не &. "?wmode=прозрачный" Например:

<iframe width="697" height="400" src="http://www.youtube.com/embed/IgvDkflXVuw?wmode=transparent" frameborder="0" allowfullscreen></iframe>
person Chris Spaulding    schedule 22.04.2012

arrow_upward
0
arrow_downward

Поскольку вы довольно долго задавали вопрос, мне интересно, знали ли вы ответ.

В любом случае, вы можете попробовать изменить wmode с помощью javascript (использование jquery было бы намного проще;))

попробуйте этот код:

if ($('embed').length){
    $('embed').attr('wmode', 'transparent').wrap('<div>');
}

или если он не распознает встроенный объект внутри iframe, вы можете попробовать:

if ($('iframe embed', parent.document).length){
    $('iframe embed', parent.document).attr('wmode', 'transparent').wrap('<div>');
}
person EkoAdiPG    schedule 18.01.2011

arrow_upward
0
arrow_downward

Просто добавьте &wmode=transparent в конце встроенного в YouTube атрибута iframe src. Вы можете изменить src позже с помощью jQuery, но зачем позволять странице загружать неправильный контент, а затем изменять его, чтобы он перезагружал правильный контент? Просто отредактируйте HTML.

person Nathan Loyer    schedule 08.12.2011

arrow_upward
0
arrow_downward

Просто добавьте также идентификатор вместе с остальными атрибутами в ваш iframe, как показано ниже.

<iframe id="ytplayer" width="697" height="400" src="http://www.youtube.com/embed/IgvDkflXVuw?wmode=transparent" allowfullscreen="" type="text/html" wmode="Opaque"  frameborder="0" wmode="Opaque"></iframe>`
person Orges Cico    schedule 17.09.2013