暇つぶし｜暇人-Diary

まぁ、こんなことで悩んでいる人も少ないと思いますけど、テクニック（そんな大それたものではありませんが・・・）もしかしたら、役に立つかもしれないで、書いておきます。

よくあるパターンとして・・・

JQUERYでメニュー（マウスオンで下にダラダラでるようなヤツ）作成して、そのメニューの下にコンテンツがあって、そのコンテンツ内にYouTube動画を埋め込んでみたりすると、YouTubeが全面にでて、jqueryメニューがYouTube動画の背面になってしまい、メニューが選べなくなる落ちです。

YouTubeはデフォルトで「wmode=”opaque”」です。

で、どうするかというと・・・

まぁ、そもそも埋め込みコード自体使ってなくて、http://youtu.be/SdgUVqJYGukみたいな場合は知りませんけど・・・

話を戻して、通常の埋め込みコードは以下のような感じです。
<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/SdgUVqJYGuk” frameborder=”0″ allowfullscreen></iframe>

となっているものを

<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/SdgUVqJYGuk?rel=0&wmode=transparent” frameborder=”0″ allowfullscreen></iframe>

と言う風に、ファイル名の後に下のパラメーターを追加すればOKです。

【?rel=0&wmode=transparent】

ええ、自己責任で試して下さい。
上手くいかないでも不幸のメールとか送ってこないで下さい。

(((;゜Д゜)))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ　

ちなみにこのページで使っている動画は下です。
4回目にして、あえて撮影してみました。