FlashPlayerがLiteboxレイヤーの手前に来てしまう件について。

LiteboxによるポップアップとJW FLV MEDIA PLAYERとがかぶると、
CSSで設定していてもFlashPlayerが前方に来てしまうみたいです。

こんな感じで。


これを何とかしましょう、と言うお話。


これが単純なFlashとレイヤーの関係の話であれば、
Flashを呼び出しているobjectタグまたはembedタグに、
wmode=”transparent”という要素を設定してあげればいいみたいですが、

  • objectの場合
    
    
  • embedの場合

JW FLV MEDIA PLAYERなどで、swfobject.jsを利用していると、
記述はJavaScriptなのでなんとも追加のしようがない…

…と思いきや。

embedとobjectで使い分けることは出来ないものの、
共通の設定をすることは出来る模様。

SWFObject.jsを使ってIE上でFlashをアクティブ化する:Web Design Tips
SWFObject.jsで出来るのはそれだけではありません、Flashを使うなら是非導入したい機能がたくさんあります。

背景を透明にするなどのパラメーターを追加するのも簡単。

これによると、scriptタグ内に、

so.addParam("wmode", "transparent");

と記述してやればOK。
(soはそれぞれ書き換えること)

おー。

というわけで修正完了。




ちなみに、wmodeっていうのは本来は再生windowの透過とか、
HTMLとの関係なんかを制御するパラメータ…みたいですね。多分だけど。

HTMLへSWFをEmbedする時のパラメータ WMODEって? | FlashやWebにまつわるいろいろなこと