IE7,8,9でiframeのYouTubeが最前面に表示されてしまう現象の対処法

IE7,IE8,IE9のテスター環境で、iframeで埋め込まれたYouTubeがColorboxのオーバーレイの上に表示されてしまう現象が起こったので解決方法をメモします。

iframe srcのURLの末尾に「?wmode=transparent」を追記すればおｋでした。簡単ですね。

<iframe src="https://www.youtube.com/embed/yN8AgPfQY1M?list=PLbF1iylNmyNV1etrLm_W8AolEuqjjiuR5?wmode=transparent" frameborder="0" allowfullscreen></iframe>

カラーボックスに限らず、あらゆるオーバーレイやz-indexでにょろにょろする場合でも起こりそうな現象なので覚えておくといいかもしれません。
ターゲットブラウザにIE7,8,9を含めていないのであればどうでもいい話ですが。