[Flash]swfをSWFObjectでページに埋め込む

今までswfをWebページに埋め込むのはIEとかのFlashをアクティブ化のためAC_RunActiveContent.jsでしてたけど、SWFObject.jsでアクティブ化するほうがカンタンでコードも少なくSEO的にも良さそう。

と、Webで使えるテクニック！Webで困ったときのﾒﾓ帳さんで書かれていて、もとはtrick7さんのお手軽にSWFObjectでswfを埋め込む方法で書かれてあったので、これからこれを使っていこうと思い、以下は引用メモ。
■お手軽にSWFObjectでswfを埋め込む方法

1. まずは環境を作っておきます。

deconcept › SWFObjectのサイトから、SWFObject（現在var2.0）をダウンロードする。

解凍してできたフォルダの中に「swfobject.js」があるかを確認しておく。

あなたのWebサーバーのwwwルート（トップページのindex.htmlを置いている階層）に「js」フォルダを作り（既にあればその中に）、その中にswfobject.jsを入れる。

※何をしているかというと、webサーバーのどの階層からでも/js/swfobject.jsで呼び出せるようにしてるのです。

以上で下準備は終了です。Dreamweaver等を使っている方は、ローカルプレビュー用に、ローカル環境も同じフォルダ構成にしておいて下さい。

2. 以後、swfを埋め込むときは以下のようにします。

HTMLドキュメントの中の、swfを埋め込みたい箇所に次のように記述します。赤字部分を適宜修正してください。

<script type="text/javascript" src="/js/swfobject.js"></script>
<div id="flashcontent">
swfが表示されない時に、代わりに表示される内容。
swfサイズの似たような１枚画像でもいいし、
SEOを考えてHTMLとかで作り込んでも良いです。
</div>
<script type="text/javascript">
var so = new SWFObject("hoge.swf", "hogemovie", "200", "100", "7", "#336699");
so.write("flashcontent");
</script>

パラメーターはそれぞれ、

("swfへのパス：blogなら絶対パスにしとくと便利", "ムービーの名前：あんまり気にせず適当に", "swfの幅", "swfの高さ", "必要とするFlashPlayerのバージョン：小数点以下にも対応", "背景色");

となってます。

１ページ中に、複数個のswfを埋め込むときはIDの部分をそれぞれ固有のIDにしておきます。blog等のアーカイブページで複数個表示される場合があるので、swfファイルの名前にしておくといいかも。この例ならhogeにするとか

これで、自分のWebサーバーのどの階層からでもSWFObjectによるswf埋め込みができます。めでたし。

SWFObjectの詳細はこちら。

以下使い方のメモです

var so = new SWFObject(”ファイル名.swf”, “名前”, “横サイズ”, “縦サイズ”, “必要とされるFlashのヴァージョン(半角数字で)”, “背景色”);

背景透明
so.addParam(”wmode”, “transparent”);

クオリティ
so.addParam(”quality”, “autolow”);

表示位置
so.addParam(”salign”, “br”);

Flashvars
so.addVariable(”変数名”, “値”);

■Flashをこれから勉強する方に人気の本です。

Popularity: 47% [?]