swfobject.jsでFlashの代替え画像を表示

2012-09-06 JavaScript , ActionScript

iPhone等のFlashが見れない環境で、Flashの代替え画像を簡単に表示する方法をメモ

SWFObject

SWFObjectというライブラリを使用すると簡単に実装できます。

こちらのサイトからswfobject.jsをダウンロードし、
header部分に

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

を追加し、
Flashを表示させたい部分に

<!--swfファイルの表示-->
<script type="text/javascript">
  swfobject.embedSWF(
    "swf/sample.swf", //swfファイルへのパス
    "noFlash",//代替コンテンツを表示するid
    "980",//表示されるswfの幅
    "300",//表示されるswfの高さ
    "9.0.0"//flashPlayerのバージョン
  );
</script>

<!--代替えコンテンツ-->
<div id="noFlash">
<!--ここに代替えコンテンツの内容-->
<img src="img/sample.jpg">
<!--ここに代替えコンテンツの内容ここまで-->
</div>

のように記述すればOK

簡単に実装できるのでおすすめですよ