ホームページ ウェブフロントエンド htmlチュートリアル SWFObject を使用して、Flash_HTML/Xhtml_Web ページ制作に HTML を挿入するブラウザ互換性ソリューションを完全に解決します。

SWFObject を使用して、Flash_HTML/Xhtml_Web ページ制作に HTML を挿入するブラウザ互換性ソリューションを完全に解決します。

May 16, 2016 pm 04:37 PM
swfobject ブラウザ対応

下面我们来共同学习一下

一、传统的方法


复制代
代码如下:

<object classid="clsid:d27cdb6e -ae6d-11cf-96b8-444553540000"codebase="<a href="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" >http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="無題-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mymovie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymovie.swf"quality="high" bgcolor="#ffffff" width="550" height="400"name="mymovie" align="middle"allowScriptAccess="sameDomain" type ="application/x-shockwave-flash" pluginspage="<a href="http://www.macromedia.com/go/getflashplayer">http://www.macromedia.com/go/getflashplayer</ >」 />
</object>

この方法は、object と embed を使用して挿入し、心の会議を発行し、object の多数のパラメータと embed エリアの多数のプロパティを重複させます。これは何を目的としていますか?サポートされている埋め込みがあり、これは Flash を変更するパラメータの 2 つの場所で変更される原因でもあります。

この方法は Macromedia の伝統的な方法であり、Flash の機能を最大限に保護しており、互換性の問題はありません。もちろん、これが W3C の規定に準拠していない場合は、適切に規定されます。

マイクロドライブは、sp2 以降、IE の ActiveX の使用モードを制限しました。つまり、トップ ページの ActiveX には仮想ディスクがあり、ユーザー ポイントが通常の通信を行う必要があります。Flash は、ネットワークに挿入された ActiveX として機能します。したがって、これも影響を受ける可能性がありますが、JS を介して Flash を挿入する場合のみこの問題を解決できます。

Flash バージョンが存在しない、バージョンが最新である場合、Flash パッケージのバージョンが存在しない、または通常表示できない swf ファイルが存在する、または ActiveX のインストールが許可されている場合、これは非常に恐ろしいことです。

二、JS を使用した方法

を使用した JS 挿入はさまざまな挿入方法であり、優れたものはありません。私たちは、Flash の機能を保護する基盤上で、バージョン検出が必要な JS の公開に向けて、優れた JS 挿入スクリプトを入手しました。可用性の問題 (つまり、ユーザーが Flash コンテンツをダウンロードできない場合や、JS の使用を禁止している場合に、これをどのように処理するかの問題) があり、繰り返し使用することが容易です。

私がここで承認するのは SWFObject です。解決方法:

「SWFObject」は、Javascript を使用して Flash に埋め込まれ、できれば多数、厳密にコード化されており、IE6 の「ここにあるとコントローラーをアクティブにする」というメッセージが表示されず、W3C テストを通過できます。の方法。

SWFObject は新しい 2.x バージョンで使用されており、その最も単純な使用には 1 つの句が必要であり、待機中のページの追加を完了する必要はありません。これは、この句をフェースのどこにでも書き込めることを意味します。以下に、一般的に使用される調整方法の 1 つを示します。

1、最も重要な、最も基本的な、ただ念のための Flash への組み込みが可能であるための典一句。


复制代

代码如下:<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 ");
</script>

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

2. パラメータ、変数、属性を swf ファイルに渡すためのメソッドの呼び出し


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

<script type=" text/javascript " src="swfobject.js"></script>
<script type="text/javascript">
//1. Json を使用して変数、パラメーター、プロパティを初期化します
var flashvars = {
name1: "hello",
name2: "world",
name3: "foobar"
};
var params = {
メニュー: "false"
};
var 属性 = {
id: "dynamicContent2",
name: "dynamicContent2"
};
swfobject.embedSWF("test6_flashvars.swf", "content2"、" 300"、"120"、"6.0.0"、"expressInstall.swf"、flashvars、params、属性 </p> <p>//2. 従来の初期化設定も同じ効果があります
var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars .name3 = "foobar";
var params = {};
params.menu = "false";
var 属性 = {};
属性.id = "dynamicContent3";
属性.name = "dynamicContent3";
swfobject.embedSWF("test6_flashvars.swf", "content3", "300", "120", "6.0.0","expressInstall.swf", flashvars, params, 属性; .0","expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}、{menu:"false"}、{id:"dynamicContent5"、name:"dynamicContent5 " });
</script>


SWFObject 2.0 公式ドキュメント (中国語) http://www.jb51.net/books/175630.html


github:
https: //github.com/swfobject/swfobject.

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は?

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

WebページのPNG画像にストローク効果を効率的に追加する方法は?

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

&lt; datalist&gt;の目的は何ですか 要素?

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

&lt; meter&gt;の目的は何ですか 要素?

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか?

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

&lt; Progress&gt;の目的は何ですか 要素?

See all articles