Наложение контента поверх видео youtube

Многие пользователи, размещающие на своих сайтах видео с Youtube могут столкнуться с проблемой, когда видео находится поверх всего остального контента. Например, вы вызываете всплывающий блок, который должен отобразить форму обратной связи или увеличенную картинку. Но видео все равно отображается поверх формы или картинки. И никакой z-index в этом деле не помогает. Что делать?

Есть простой выход. Необходимо до тега </head> разместить следующий скрипт:

<script type="text/javascript">$(document).ready(function(){$("iframe").each(function()
{var ifr_source=$(this).attr('src');var wmode="wmode=transparent";if(ifr_source.indexOf('?')!=-1)
{var getQString=ifr_source.split('?');var oldString=getQString[1];var newString=getQString[0];
$(this).attr('src',newString+'?'+wmode+'&'+oldString)}else 
$(this).attr('src',ifr_source+'?'+wmode)})});</script>

Теперь всплывающие блоки и картинки будут находиться сверху видео. Все отлично работает.