Youtubeのz-index有効にする方法
|
Youtubeのz-indexがIEだと無視される件。
どうやらこれで有効化できる模様。 ※IE7は検証済み。IE6は未検証。 ■iframe版の場合 <iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/csV_fC-UJjE?rel=0" frameborder="0" allowfullscreen></iframe> ↓URL末尾に「&wmode=transparent」を追加↓ <iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/csV_fC-UJjE?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe> ■古い埋め込みコードの場合 <object width="560" height="349"> <param name="movie" value="http://www.youtube.com/v/eGTRqHedXsw?fs=1&hl=ja_JP&rel=0"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/eGTRqHedXsw?fs=1&hl=ja_JP&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="349"></embed> </object> ↓embedタグ内に「wmode="transparent"」を追加↓ <object width="560" height="349"> <param name="movie" value="http://www.youtube.com/v/eGTRqHedXsw?fs=1&hl=ja_JP&rel=0"></param> <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed wmode="transparent" src="http://www.youtube.com/v/eGTRqHedXsw?fs=1&hl=ja_JP&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="349"></embed> </object> 「劇団かさぶた」様より動画お借りしました。 http://www.scab2010.com/ |
