SWFObjectを使用すると、HTMLにFlashを挿入する際のブラウザ互換性の問題を完全に解決できます。

一緒に学びましょう

1. 伝統的な方法

コードをコピー

コードは次のとおりです。

この方法では、オブジェクトタグと埋め込みタグを使用して埋め込みます。注意して見ると、オブジェクトの多くのパラメータと埋め込み内の多くの属性が繰り返されていることがわかります。なぜこのようなことが行われるのでしょうか。ブラウザの互換性のため、一部のブラウザはオブジェクトをサポートし、一部のブラウザは埋め込みをサポートしています。そのため、Flash パラメータを変更するときは、両方の場所を変更する必要があります。

この方法は Macromedia の公式方法であり、Flash の機能性が最大限に保証され、互換性の問題もありません。しかし、今のところうまく動作しません。互換性のために埋め込まれた埋め込みタグが W3C 仕様に準拠していないため、検証に失敗します。もちろん、標準を気にしないかどうかは別の問題です。

さまざまな理由により、Microsoft は SP2 以降、IE の ActiveX の使用モードを制限しました。つまり、ページ上の ActiveX に仮想ボックスがあり、ユーザーは正常に操作するために 1 回クリックする必要があります。 Flash は ActiveX として Web ページに埋め込まれているため、これも関係します。この問題は、JS を介して Flash を埋め込むことによってのみ解決できます。

Flash バージョンの検出はありません。ブラウザの Flash プラグインバージョンが十分でない場合、swf ファイルが正常に表示されないか、ActiveX のインストール確認ボックスがポップアップ表示されることがあります。このボックスは多くのユーザーにとって非常に恐ろしいものです。

2. JSで埋め込む方法

JS で埋め込む場合、さまざまな埋め込み方法があり、適切なものもあれば、そうでないものもあります。直接書き込むために document.write を使用する人もいます。正直、この方法はあまり良くありません。ハック要素が多すぎて、検証のための検証のような気がします。また、JS の利点も反映されていません。良い JS 埋め込みスクリプトは、Flash が持つべき機能を確保しながら、JS の利点を最大限に発揮できるものでなければならないと思います。バージョン検出機能があり、アクセシビリティの問題 (つまり、ユーザーが Flash コンテンツを参照できない場合や JS を無効にできない場合の対処方法) をうまく解決でき、再利用が容易である必要があります。

ここで説明するのは、SWFObject ソリューションです。

「SWFObject」は、Javascript を使用してフラッシュを挿入します。これには多くの利点があります。コードは簡潔で、IE6 では「コントロールをアクティブにするには、ここをクリックしてください」というプロンプトが表示されず、W3C 検証に合格できます。フラッシュに「オブジェクト」を挿入する従来の方法とは異なります。

SWFObject の新しい 2.x バージョンでは、最も単純な呼び出しに必要なのは 1 つの文だけであり、ページが読み込まれるのを待つ必要がないため、この文をページ上のどこにでも記述できます。以前のバージョンよりもずっとシンプルです。以下に、シンプルでよく使用される呼び出し方法をいくつか示します。

1. フラッシュを挿入したいときにいつでも使用できる、最もシンプルで基本的な定番の文章。

コードをコピー

コードは次のとおりです。

<div id="swfid"></div>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("test.swf", "swfid", "300", "120", "9.0.0", "expressInstall.swf");
</スクリプト>

注: SWF ファイルを挿入するには、embedSWF メソッドを呼び出します。パラメータは次のとおりです: @swf ファイルのアドレス。@swf ファイルを読み込むために使用されるコンテナー (div など) の ID。@フラッシュの幅。@フラッシュの高さ (もちろん、ここでの幅と高さは 100% などのパーセンテージで表すことができます)。@フラッシュを正常に再生するために必要な最小バージョン。@バージョンが要件より低い場合は、swf ファイルを実行します。ここでは、このフラッシュを使用して、最新バージョンのフラッシュプラグインの公式ダウンロードにジャンプします。 (このパラメータは省略できます) 同じページ上の異なる場所に複数のフラッシュを挿入する場合は、上記のステートメントを繰り返し、異なるコンテナ ID を使用します。

2. パラメータ、変数、プロパティをswfファイルに渡すメソッドの呼び出し

コードをコピー

コードは次のとおりです。