イテルの一日一問

プルダウンメニューがFlashに隠れるのを回避（wmode ＆ swfobject.jp）

イテル on 07 1, 2009

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

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

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

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

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

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

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

と書けばok

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

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

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

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

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

とのこと。