Tweet

Pocket

Flash PlayerがインストールされていないブラウザやiPadなどの表示対応の為に、代替コンテンツを表示する方法です。

1).以下のサイトからswfobject.jsをダウンロードします。

• https://code.google.com/p/swfobject/

2).タグ内にswfobject.jsを読み込むコードを記述します。

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

3).Flashを表示したい箇所に以下のようなコードを記述します。

<script type="text/javascript">
swfobject.embedSWF(
      "flash.swf", //swfファイルへのパス
      "noFlash", //代替コンテンツを表示するオブジェクトのid
      "950", //表示されるswfの幅
      "295", //表示されるswfの高さ
      "9.0.0" //flashPlayerのバージョン
);
</script>

<!-- 代替コンテンツの表示 -->
<div id="noFlash"><img src="daigae.gif" alt="代替画像" width="950" height="295" /></div>

代替コンテンツを表示するオブジェクトのidを指定してあげるだけで、代替コンテンツが表示されます。