プルダウンメニューがFlashに隠れるのを回避(wmode & swfobject.jp)

0906701-w3c

初歩的なことを忘れていたのでメモ。

jsのプルダウンメニューがflashにかかってしまう場合、objectタグで何も指定しないとflashの後ろにプルダウンメニューが入り込んでしまう。

また、ドリ標準のflash埋め込みは分かりにくいのでswfobjectを使用してみる。

[html]
<script src="js/swfobject.js" type="text/javascript"></script>
[/html]

ヘッダー内に上記記述を入れる。

[html]
<div id="flashcontent">
ここはswfobjectでは読み込まないっす。
flash playerがないとき表示されます。
</div>
<script type="text/javascript">
var so = new SWFObject("flashdata.swf", "flas data", "500", "300", "9", "#ffffff");
so.addParam("wmode", "transparent");
so.write("flashcontent");
</script>
[/html]

※tenteruさんのご指摘により「so.addParam」と「so.write」が逆になっておりましたので修正しました[2009/12/18]

と書けばok

[html]
so.addParam("wmode", "transparent");
[/html]

これが肝。
プルダウンが上に表示される。

ちなみにswfobjectのパラメータは次の通り。

SWFObject(“flashdata.swf”, “flash movie”, “500”, “300”, “9”, “#ffffff”)

  • flashdata.swf=swfファイルのソース。
  • flash movie=このムービーの名称。特に気にする必要はない。
  • 500=swfの幅。
  • 300=swfの高さ。
  • 9=flash playerの対応バージョン。
  • #ffffff=背景色。

とのこと。