フラッシュコンテンツ(.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】で埋め込みます。