2-1. JSライブラリの利用（SWFObject）

SWFObject v2.0 の入手

SWFObjectの使い方

方法１：標準準拠のマークアップに埋め込む

RSSリーダー等でも表示できる方法。FlashPlayerのバージョンチェックも可能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject v2.0 - step 3</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

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

    <script type="text/javascript">
    swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");	//バージョンチェック用のSWF
    </script>

  </head>

  <body>
    <div>

      <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">

        <param name="movie" value="myContent.swf" />
        <!--[if !IE]>-->

        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">

        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->

        </object>
        <!--<![endif]-->

      </object>
    </div>
  </body>

</html>

方法２：ダイナミックにFlashを埋め込む

シンプルで簡単。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject v2.0 dynamic embed - step 3</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="swfobject.js"></script>

    
    <script type="text/javascript">
    swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
    </script>

  </head>
  <body>
    <div id="myContent">
      <p>Alternative content</p>
    </div>

  </body>
</html>

swfobject.embedSWF() : Flash埋め込み用関数。
引数の前の5つが必須項目で、後ろの4つは任意項目（オプション扱い）

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)

  1. swfUrl
  2. id (ストリングで指定, 必須項目) には、Flash コンテンツと入れ替えたい HTML 要素（代替コンテンツを内包している要素）の id を指定しておきます
  3. width (ストリングで指定, 必須項目) には SWF ファイルの幅を指定
  4. height (ストリングで指定, 必須項目) には SWF ファイルの高さを指定
  5. version (ストリングで指定, 必須項目) には 作成した SWF を再生するのに必要な Flash Player のバージョンを（"メジャーバージョン","マイナーバージョン","リリースナンバー"順で）指定します。
  6. expressInstallSwfurl (ストリングで指定, 任意項目) には Adobe express install [ 日本語資料 ] をインストールするための SWF ファイルへの URL を指定します。
  7. flashvars (オブジェクトで指定, 任意項目) では name:value のペアの形で flashvars を指定できます
  8. param (オブジェクトで指定, 任意項目)
  9. attributes (オブジェクトで指定, 任意項目)
No 引数 必須 説明
1 swfUrl 必須 [文字列] SWF ファイルの URL
2 id 必須 [文字列] Flash コンテンツと入れ替えたい HTML 要素（代替コンテンツを内包している要素）の id を指定
3 width 必須 [文字列] SWF ファイルの幅
4 height 必須 [文字列] SWF ファイルの高さ
5 version 必須 [文字列] SWF を再生するのに必要な Flash Player のバージョンを（"メジャーバージョン","マイナーバージョン","リリースナンバー"順で）指定
6 expressInstallSwfurl 任意 [文字列] Adobe express install [ 日本語資料 ] をインストールするための SWF ファイルへの URL を指定
7 flashvars 任意 [オブジェクト] name:value のペアの形で flashvars（Flashへ渡せるの変数）を指定
8 param 任意 [オブジェクト]
9 attributes 任意 [オブジェクト]