こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

埋め込み動画のembed内にwmode="transparent".を記述すればz-indexを効かせることができるそうですが、
当方の埋め込みコードは
<iframe title="YouTube video player" width="" height="" src="http://www.youtube.com/embed/...=0" frameborder="0" allowfullscreen></iframe>
という形で、”embed内”というのが見当たりません。

試しにheight=""の次あたりにwmode="transparent".を記述しましたが、効きませんでした。

どのようにすればよろしいでしょうか?
よろしくお願いいたします。

投稿日時 - 2011-02-07 17:01:20

QNo.6504959

すぐに回答ほしいです

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

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

投稿日時 - 2011-02-07 19:56:28

お礼

ありがとうございます。
古いコードで無事再現することができました。

新しいiframeでZ-INDEXを有効にすることはできないでしょうか?

投稿日時 - 2011-02-08 15:39:00

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.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

投稿日時 - 2011-02-09 00:03:31

お礼

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

投稿日時 - 2011-02-09 18:25:16

あなたにオススメの質問