jQuery: установка wmode для Youtube видео для обработки z-index

Question

Я делаю это:

//z-index of flash objects
$('object').prepend('<param name="wmode" value="opaque">');
$('object embed').attr('wmode', 'opaque');

Итак, когда я проверяю видео на YouTube на моей странице, оно говорит:

<object width="500" height="281">
<param name="wmode" value="opaque">
<param name="movie" value="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;feature=oembed">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;feature=oembed" type="application/x-shockwave-flash" width="500" height="281" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></object>

У меня есть перетаскиваемые объекты с fixed position иz-index:9999 на моей странице.Однако у меня нет никаких изменений, чтобы видео на YouTube оставалось позади этих объектов.Видео на YouTube всегда сверху, даже если я установил wmode.

Есть идеи, что я здесь не так делаю?

Answer 1

<param name="wmode" value="transparent">

Или вы можете использовать новый метод YouTube для встраивания видео Это будет выглядеть так:

<iframe class="youtube-player" type="text/html" width="481" height="295" src="http://www.youtube.com/embed/HgLviEa0YHo?wmode=transparent" frameborder="0"> </iframe>

и идет с атрибутом wmode.

Answer 2

Вы пробовали wmode прозрачный ?

Это то, что я использовал.Не уверен, что разница между непрозрачным и прозрачным в этом контексте. Использование значений режима окна (wmode)

Также не уверен, но, возможно, это поможет: разница между непрозрачным и прозрачным