ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLにFlashを埋め込む HTML WebページのコードにFlashファイルを埋め込むソリューション(その2)_HTML/Xhtml_Webページ制作

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

WBOY
リリース: 2016-05-16 16:40:32
オリジナル
1508 人が閲覧しました

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


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

< script type="text/javascript"> ;
//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 ファイルがサーバーから削除された場合、最も見たくない状況が表示されます。例
は次のとおりです。


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

デモ


< / head>




Adobe Flash Player を入手







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

はい、ページが空白になっていることがわかります。また、Flash が表示できないときにバックアップの代わりに使用されていた画像もどこに消えたのでしょうか?デバッグ後、受信した Flash ファイルのアドレスが間違っている場合でも、間違った タグが作成され、
[… … ]
がその中のコンテンツに置き換えられ、表示される内容は高さと幅がそれぞれ 304 ピクセルと 367 ピクセルの空白領域になります (Flash プレーヤーがインストールされている場合は、左上のマウスを右クリックします)画面の隅で何かが発見される)そして悪夢がやって来ます。

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

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


DEMO
< head>
< スクリプト言語="javascript" type="text/javascript" src="JavaScript/swfobject.js">



<フォーム ID ="Form1">
< ;div id="flashcontent">

Adobe Flash Player を入手

< /form>




うわー、この 2 つのテキストを捨てるのに数時間かかりました。うっかり最後まで会社に残ってしまった 22時になったので、急いで終わらせたいのですが、明日仕事で時間ができたら文字を彫ります(笑)。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート