さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

YouTube動画のz-index対応(IE)

Pocket
LINEで送る

YouTubeの埋め込み動画にz-indexを指定してもIEではYouTubeが最前面になってしまう場合の対処方法は、YouTubeの読み込みコードを以下のように修正します。

修正前

<iframe width="560" height="315" src="https://www.youtube.com/embed/rFIgqrjwnWY" frameborder="0" allowfullscreen></iframe></iframe><br />

修正後

<iframe width="560" height="315" src="https://www.youtube.com/embed/rFIgqrjwnWY&wmode=opaque" frameborder="0" allowfullscreen></iframe>

「scr=”~”」の最後に「&wmode=opaque」を追加します。

カテゴリー:HP制作

コメントを残す

コメント内容