埋め込みYoutubeがposition:absoluteしたコンテンツより上にきてしまう時の対処法

Mar 29, 2012

このブログは、固定ヘッダー(一番うえの黒いやつ)なのですが、(2012年3月時点)
ブログ記事内にYoutubeを埋め込むと、どうしてもYoutubeの方が上にきてしまって困っていました。
CSSでheaderにz-index:999999999999999999としてもダメでした。

いい方法はないものか、とググっていたら、見つけました、解決法!!

参考:
WebTecNote – YouTubeのiframe版埋め込みコードでもwmodeを有効にする

方法は簡単。埋め込みYoutubeの、
src=から始まるURLの最後に、
?wmode=transparent
を付け足すだけです。簡単!

固定ヘッダーやLightBoxと埋め込みYoutubeを共存させたい方は、
使えるテクニックだと思います。ぜひ。

白坂翔
白坂翔

1984年生まれ。ボードゲームカフェJELLY JELLY CAFEオーナー、将棋カフェCOBINオーナー、マーダーミステリー専門店Rabbitholeプロデューサー、株式会社人狼の代表取締役。ポーカーとゴルフが好きです。MORE

あわせてどうぞ

WordPressで記事書く時に便利なショートカット5つ