WEB関係メモ帳

公開してる覚え書きみたいなもんです

全体表示

[ リスト ]

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&amp;hl=ja_JP&amp;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&amp;hl=ja_JP&amp;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&amp;hl=ja_JP&amp;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&amp;hl=ja_JP&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="349"></embed>
</object>

「劇団かさぶた」様より動画お借りしました。
http://www.scab2010.com/

閉じる コメント(0) ※投稿されたコメントはブログ開設者の承認後に公開されます。

コメント投稿
名前パスワードブログ
投稿

閉じる トラックバック(0) ※トラックバックはブログ開設者の承認後に公開されます。

トラックバックされた記事

トラックバックされている記事がありません。

トラックバック先の記事

  • トラックバック先の記事がありません。


.

あらやん
人気度

ヘルプ

Yahoo Image

1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
  今日 全体
訪問者 0 4876
ブログリンク 0 0
コメント 0 14
トラックバック 0 0

開設日: 2007/5/1(火)


プライバシーポリシー -  利用規約 -  ガイドライン -  順守事項 -  ヘルプ・お問い合わせ

Copyright (C) 2012 Yahoo Japan Corporation. All Rights Reserved.