網頁嵌入Flash

最近 研究了一下 在網頁 嵌入Falsh的方法

1. 預設（用CS5 匯出的預設選項）

會產生一個 FlashContent 的 div tag, 下面的例子使引用 FlashSample.swf, 寬 320 , 高 240


<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="240" id="FalshTT" align="middle">
<param name="movie" value="FalshSample.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#333333" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="FalshSample.swf" width="320" height="240">
<param name="movie" value="FalshSample.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#333333" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="取得 Adobe Flash 播放程式" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>




2. 使用 SWFObject


a. 要先下載 SWFObject
在 html 插入以下的code
b. 或使用 Google AJAX load


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

<div id="flashContent">
This text is replaced by the Flash movie.
</div>

<script type="text/javascript">
var so = new SWFObject("FlashSample.swf", "mymovie", "200", "300", "7", "#336699");
so.addParam("quality", "low");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashContent");
</script>



3. 直接 embed



<embed SRC="FlashSample.swf" width="320" height="240">



目前使用起來 SWF Object 比較好，搭配 css 等其他設定 沒有出現干擾的現象


參考

[1] 使用 SWFObject 來做 Flash 的漸進增強

[2] SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块

[3] W3cSchools