1.flashのダウンロード

素材のページからダウンロードし、任意の場所に保存します。
zip形式で保存してるので解凍ソフトなどで展開してください。



2.flash表示タグの挿入

ページ中でflashを表示させたい部分に以下のタグを挿入します。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="35">
<param name="movie" value="information_bl.swf">
<param name=quality value=high>
<param name="bgcolor" value="#FFFFFF">
<embed src="information_bl.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#FFFFFF" width="400" height="35"></embed>
</object>

色の付いている部分が素材によって異なっている箇所です。

width="数字"height="数字"がそれぞれflashの横サイズと縦サイズを表しています。
flashを拡大・縮小表示させたい場合はここの数字を変更してください。

information_bl.swfではswfファイルのパスを指定します。
同じ階層にある場合はそのまま、一つ上の階層では../を挿入してください。

#FFFFFF
は背景色を表しています。
ここを変更しても背景色が変わらない素材もあります。
背景を透明にしたい場合に、
<PARAM NAME=wmode VALUE=transparent>
<EMBED src="***.swf" wmode=transparent 〜〜>
を入れると背景になることもあります。



3.このコントロールをアクティブ化〜への対策

2006年4月更新のセキュリティプログラム (KB912812) をインストールした場合、
flashの周りに点線が表示されるようになり、マウスを重ねると
「このコントロールをアクティブ化して使用するにはクリックしてください」 というメッセージが出ます。
flashを使う側にとっては最低のパッチなわけですが、一応対応策があります。

とりあえずこの修正プログラムをインストールすればアクティブ化現象はなくなります。
Internet Explorer用互換性修正プログラム (Windows XP Service Pack 2 版) (KB917425)

次に外部Java Scriptを使って無理やり押さえ込む方法です。
このやり方でアクティブ化を押さえることができます。

(1) 外部Java Scriptを用意
ここから右クリックでダウンロードしてください。外部Java Scriptをダウンロード
これをサーバー上にアップします。

(2) flashを表示するhtmlにタグを挿入
<head>〜</head>の中に次の一文を入れます。

<script language='JavaScript' src='./AC_RunActiveContent.js'></script>

これは外部Java Scriptへの相対パスを記述しています。
階層が異なるhtmlの場合は気をつけてください。絶対パスでもかまいません。

(3) flashの挿入タグに以下の部分をつけ加える
ここが一番の山場です。
しっかり読んで理解してください。

まずはさっき挿入したflashタグの<object>〜</object>を<noscript>〜</noscript>で囲います。
これはJava Scriptに対応していない場合にflashを表示させるためのものです。
次に<noscript>〜</noscript>の直前に以下の記述を入れます。
<script type="text/javascript">
AC_FL_RunContent(
'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0',
'width','400',
'height','35',
'id','information_bl',
'movie','information_bl',
'quality','high',
'bgcolor','#FFFFFF',
'src','information_bl',
'name','information_bl',
'pluginspage','http://www.macromedia.com/go/getflashplayer' );
</script>
色の部分は先ほどのものと同じ値を入れるようにします。

次のようになれば完成。
これでアクティブ化されずに表示することができます。
<script type="text/javascript">
AC_FL_RunContent(
'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0',
'width','400',
'height','35',
'id','information_bl',
'movie','information_bl',
'quality','high',
'bgcolor','#FFFFFF',
'src','information_bl',
'name','information_bl',
'pluginspage','http://www.macromedia.com/go/getflashplayer' );
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="35">
<param name="movie" value="information_bl.swf">
<param name=quality value=high>
<param name="bgcolor" value="#FFFFFF">
<embed src="information_bl.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#FFFFFF" width="400" height="35"></embed>
</object>
</noscript>