WEB制作(html・css(スタイルシート))に関する各種メモ書き

swfobjectでFlashムービー(.swfファイル)を貼り付ける

フラッシュコンテンツ(.swf)ファイルをhtmlに貼り付ける時に問題になるのが

「Windows版IEでは2度クリックしないと操作できない」

という問題。

そこで SWFObject を使って .swf を貼り付けましょう

■ swfobjectのダウンロード

http://code.google.com/p/swfobject/downloads/list

■ Flashムービー貼り付けのサンプル(SWFObject2 , 2.2)

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = { allowfullscreen :'true' };
var attributes = {};
swfobject.embedSWF("versiontest.swf", "my_movie_id", "100", "100", "10.0.0", false, flashvars, params, attributes);
</script>

■ Flashムービー貼り付けのサンプル(SWFObject1.5)

<div id="hogehoge"></div>
<script type="text/javascript">
 var so = new SWFObject("my_movie.swf", "dummy", "150", "245", "7", "#ffffff");
 so.addParam("wmode", "transparent");
 so.write("hogehoge");
</script>

とすると<div id="hogehoge"></div>

の中にフラッシュコンテンツが貼り付けられます。便利


■ SWFObjectのコードジェネレーターを使用する

<a href="/data/filedir/515_2.html" target="_blank">swfobject_generator</a>を使用すると簡単にフラッシュ埋め込みコードを生成することができます。

■ IETesterでFlashが表示されないときは

IETesterでFlashが表示されないときはJavaScriptを使わないFlash埋め込みが必要です。

<a href="/data/filedir/515_2.html" target="_blank">こちらのswfobject_generator</a>を使って【Static Publishing】で埋め込みます。



添付ファイル1
添付ファイル2