HTMLにFlashを埋め込む HTML WebページのコードにFlashファイルを埋め込むソリューション（その2）_HTML/Xhtml_Webページ制作

私の SWFObject V1.5 の使用プロセスについては、前編 で一旦終了しました。V2 について知っていれば、今度は SWFObject V2.1 を紹介します。 1 で説明したように、そうであれば、「HTML DOM のロードを待機している」問題に悩まされることはないかもしれません。
まず、V2.1 構文の呼び出し例を簡単に紹介します。

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

//1. Json を使用して変数、パラメーター、プロパティを初期化します
var flashvars = {
name1: "hello",
name2: "world ",
name3: "foobar"
};
var params = {
menu: "false"
};
var 属性 = {
id: "dynamicContent2" ,
名前: "dynamicContent2"
};
swfobject.embedSWF("test6_flashvars.swf", "content2", "300", "120", "6.0.0", "expressInstall.swf" 、flashvars、params、attributes);
//2. 従来の初期化設定、効果は同じです
var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars.name3 = " foobar";
var params = {};
params.menu = "false";
var 属性 = {};
属性。 id = "dynamicContent3";
attributs.name = "dynamicContent3";
swfobject.embedSWF("test6_flashvars.swf", "content3", "300", "120", "6.0.0",
"expressInstall.swf"、flashvars、params、attributes) ;
///3. だらだらせずに、簡潔かつ強力に 1 文だけ、後ろに直接書きます
swfobject.embedSWF("test6_flashvars.swf ", "content5", "300", "120",
"6.0.0", "expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, { menu:"false"}, {id:"dynamicContent5",name:"dynamicContent5"});

個人的には、上記の 3 番目の書き方の方が好みです。以下で説明するように、HTML コードに Flash を埋め込みます。ファイルの最終的な解決策は、swfobject.embedSWF() を呼び出す 3 番目のスタイルを採用することです。 V2.1 バージョンのスタイルは最新の JS のスタイルと非常に一致しており、コードはより簡潔になっています。

前の記事で採用したソリューションはほとんどのニーズを満たすことができ、互換性も十分にあるようです。ほとんどの友人のニーズを満たすことができるはずですが、まともなソリューションではない可能性があります。 。ただし、私が発見した比較的極端な状況は次のとおりです。

コードをコピーしますコードは次のとおりです:

new SWFObject("http://www.pec365.com/Flash/20071113.swf", "mymovie", "304", "367", "7", "#FFFFFF");

、受信した Flash ファイルのアドレスが間違っている場合、または Flash ファイルがサーバーから削除された場合、最も見たくない状況が表示されます。例
は次のとおりです。

コードをコピーしますコードは次のとおりです:

初心者の場合は、前の記事で紹介した手順を参照してこのコードを実行し、「災害」の到来を実感してください。

はい、ページが空白になっていることがわかります。また、Flash が表示できないときにバックアップの代わりに使用されていた画像もどこに消えたのでしょうか?デバッグ後、受信した Flash ファイルのアドレスが間違っている場合でも、間違った タグが作成され、

[… … ]

がその中のコンテンツに置き換えられ、表示される内容は高さと幅がそれぞれ 304 ピクセルと 367 ピクセルの空白領域になります (Flash プレーヤーがインストールされている場合は、左上のマウスを右クリックします)画面の隅で何かが発見される）そして悪夢がやって来ます。

この悪夢のような結果を解決するために、まず、受信した Flash ファイルのアドレスに基づいてファイルがサーバー上に本当に存在するかどうかを確認するという悪いアイデアを思いつきました。ファイルが存在する場合、swfobject.embedSWF() メソッドを実行します。具体的なアイデアは、XMLHttpRequest オブジェクトを使用して GET/HEAD を通じてサーバーに要求し、xmlHttp.status == 200 || xmlHttp.status == 302 であることを確認することです。ファイルベースとして存在しますが、この方法にはまだいくつかの欠陥があるようで、まだ改善できていません。これが私の最終的な解決策の例です:

コードをコピー

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

(function( ) {
var xmlHttp,
result,
flashURL = "http://www.pec365.com/Flash/20071113.swf";

var checkFlashURL = function(url) {
xmlHttp = GetXmlHttpObject();
xmlHttp.onreadystatechange = function() {
if ( xmlHttp.readyState == 4 ) {
if ( xmlHttp.status == 200 ||
xmlHttp .status == 302 ) {
return (result = true);
}
}
};
xmlHttp.open("HEAD", url, true);
xmlHttp .send(null);
};
var GetXmlHttp = function() {
var xmlHttp = null;
// Firefox、Opera 8.0 , Safari
xmlHttp = new XMLHttpRequest();
}
catch (e) {
// Internet Explorer
try {
// 古い IE
xmlHttp = new ActiveXObject ("Msxml2.XMLHTTP") ;
} catch (e) {
// 新しい IE
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}

return xmlHttp;
};
// 指定された Flash ファイルがサーバー上に存在するかどうかを確認するために使用されます
checkFlashURL(flashURL);
window.onload = function() {
if ( result ) {
swfobject.embedSWF(flashURL, "flashcontent", "304", "367", "10.0.0", "expressInstall.swf", {}, {quality:"autohigh", wmode:"transparent" }, {} );
}
else {
window.alert("フラッシュ アドレスが無効です。慎重に確認してください"); // フラッシュ アドレスが無効であるかどうかを確認するために使用されます。デバッグ中は正しいです
}
}
})();




< ;div id="flashcontent">

うわー、この 2 つのテキストを捨てるのに数時間かかりました。うっかり最後まで会社に残ってしまった 22時になったので、急いで終わらせたいのですが、明日仕事で時間ができたら文字を彫ります（笑）。