YouTube vs. z-index

Почти на всех сайтах теперь можно увидеть видео или просто флэш баннеры. Видео сейчас вставляется как правило через iframe (YouTube, Vimeo). И часто флэш перекрывает элементы с z-index, которые должны быть поверх (выпадающее меню, или оверлэй при открытии лайтбокса с фото или информационным окном). С object все знают о <param wmode="opaque"> (или transparent, давно было, не помню (: ). C видео через iframe практически тоже самое:

<iframe width="640" height="360"
src="http://www.youtube.com/embed/A_rbcsusJLA?wmode=transparent"
frameborder="0" allowfullscreen wmode="opaque" ></iframe>

Но не править же каждый раз при вставке видео руками. Поэтому вот вариант с jQuery:

$(document).ready(function ()
  $('iframe').each(function()
    var url = $(this).attr("src")
    $(this).attr("src",url+"?wmode=transparent")
  );
);

Например:

Еще по теме:

• YouTube Rewind 2011
• 10 самых просматриваемых видео на Youtube в 2010 году