• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:YOUTUBEの埋め込み動画にZ-INDEX)

YOUTUBEの埋め込み動画にZ-INDEX

このQ&Aのポイント
  • YouTubeの埋め込み動画にZ-INDEXを効かせる方法が知りたい
  • 埋め込み動画のembed内にwmode="transparent".を記述すればz-indexを効かせることができるのか
  • 当方の埋め込みコードには"embed内"が見当たらないので、どのようにすればz-indexを効かせることができるのか知りたい

質問者が選んだベストアンサー

  • ベストアンサー
  • 4649panda
  • ベストアンサー率68% (15/22)
回答No.1

youtubeの埋め込みタグを取得するボタンを押したとき、下に現れる3つのチェックボックスの内、『古い埋め込みコードを使用する』にチェックを入れてコードを書き出すと、objectタグから始まるコードが排出されます。 そちらを使ってみてはどうですか?

zyaba
質問者

お礼

ありがとうございます。 古いコードで無事再現することができました。 新しいiframeでZ-INDEXを有効にすることはできないでしょうか?

その他の回答 (1)

  • 4649panda
  • ベストアンサー率68% (15/22)
回答No.2

>Z-INDEXを有効にする iframeの重なり順を指定したいということですか? でしたら、iframeのタグ内に style="z-index: 数値(0が基準で、多くすれば手前、少なくすれば奥)" を、加えてやればできると思います。 …とは言ったものの、youtubeのiframeについていろいろ調べてみると、英語のページではありましたが、いろいろ出てきました。 私も英語は苦手ですが、どうもiframeのコードでwmode="transparent"のような使い方をするにはどうすればいいかについて書かれているようです。 この記事が役に立ちそうなので参考URLに載せておきますね。 ちなみに、HTMLやCSSのコードを書き換えるのではなく、youtubeのURLを書き換えるようです。

参考URL:
http://stackoverflow.com/questions/4050999/youtube-iframe-wmode-issue
zyaba
質問者

お礼

教えていただいた方法だけではできませんでした; ちょっと難しそうですね。

関連するQ&A