Форум сайта MyRusakov.ru

Здравствуйте, Михаил!
На странице стоит скрипт highslide.js - для увеличения фото по щелчку, при этом весь экран закрывается полупрозрачным фоном.
Возникла проблема с видеороликом вставленным с youtube. Например,
<iframe width="560" height="315" src="//www.youtube.com/embed/-GKtTobQ0ls" frameborder="0"></iframe>

Когда щелкаем по фото, то оно увеличивается, однако видеоролик вылезает над полупрозрачным фоном, при этом все элементы страницы под полупрозрачным фоном.
Поискал решение в интернете - нашел такой совет - после URL надо добавить &wmode=opaque
Получается
src="http://www.youtube.com/embed/-GKtTobQ0ls&wmode=opaque"
Но почему-то у меня это не работает, видеоролик по-прежнему вылезает над полупрозрачным фоном.
Не подскажите, как видео надо убрать под полупрозрачный фон?

Проверил в разных браузерах - эта проблема в Mozilla и Safari

http://myrusakov.ru/css-z-index-youtube.html

Михаил! Не могли бы Вы подсказать, почему у меня не работает (применил Ваш совет).

В HTML-коде ставлю
<iframe width="420" height="315" src="http://www.youtube.com/embed/r3VpG9I4xPo" frameborder="0" wmode="opaque"></iframe>

Потом создаю окно, поверх всего содержимого страницы.
<div id="up">
</div>

<style text/css>
#up {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(255,0,0,0.5);
z-index: 999;
}
</style>

В браузере Mozilla и Safari плеер с youtube все равно находится выше всплывающего окна.