Наложение контента поверх видео 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>
Теперь всплывающие блоки и картинки будут находиться сверху видео. Все отлично работает.