ホームページ > 記事 > ウェブフロントエンド > htmlへのFlashコード挿入の詳しい解説(再版)_html/css_WEB-ITnose
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6, 0,40,0" WIDTH="550" HEIGHT="400" > <PARAM VALUE="myFlashMovie.swf"> <PARAM VALUE=high> <PARAM VALUE=#FFFFFF> <EMBED src="/support/flash/ts/documents/myFlashMovie.swf" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400" NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>
説明:
OBJECT タグは、Windows IE3.0 以降のブラウザ、または Activex コントロールをサポートするその他のブラウザで使用されます。 「classid」属性と「codebase」属性は、上記の例に示されているとおりに正確に記述する必要があり、Flash Player を自動的にダウンロードするアドレスをブラウザーに伝えます。 Flash Player をインストールしていない場合、IE3.0 以降のブラウザでは、Flash Player を自動的にインストールするかどうかを尋ねるプロンプト ボックスが表示されます。もちろん、Flash Player をインストールしていないユーザーにプレーヤーを自動的にダウンロードさせたくない場合は、これらのコードを省略してもよいでしょう。
EMBED タグは、Netscape Navigator 2.0 以降のブラウザ、または Netscape プラグインをサポートするその他のブラウザで使用されます。 「pluginspage」属性は、Flash Player をダウンロードするアドレスをブラウザに伝えます。Flash Player がインストールされていない場合、通常どおり使用するには、インストール後にブラウザを再起動する必要があります。
ほとんどのブラウザで Flash を正常に表示できるようにするには、上記のコード例のように、EMBED タグを OBJECT タグ内にネストする必要があります。 Activex コントロールをサポートするブラウザは、OBJECT タグ内の EMBED タグを無視します。プラグインを使用する Netscape および IE ブラウザは、EMBED タグのみを読み取り、OBJECT タグを認識しません。つまり、EMBED タグを省略すると、Firefox は Flash を認識できなくなります (ただし、驚くべきことに、object を省略して embed のみを記述すると、IE では通常どおり Flash が表示されます。笑、詳しく見てみましょう) )。
この記事では、ビデオを公開するための OBJECT タグと EMBED タグの必須属性とオプションの属性をリストします。
1. 必須属性:
·CLASSID - レジストリ内の対応するコンポーネントを検索するために使用される、OBJECT タグ、クラス ID、および ActiveX コンポーネント ID にのみ使用される、ブラウザーの ActiveX コントロールを設定します。
·CODEBASE - ブラウザがインストールされていない場合でも、自動的にダウンロードしてインストールできるように、フラッシュ Activex コントロールの場所を設定します。 OBJECT タグにのみ使用されます。
·WIDTH - Flash ビデオの幅をパーセントまたはピクセルで指定します。
・HEIGHT - Flash ビデオの高さをパーセントまたはピクセルで指定します。
·SRC - ビデオのダウンロード アドレスを指定します。 EMBED タグのみ。
・PLUGINSPAGE - Flash プラグインの場所を設定して、ブラウザに Flash プラグインがインストールされていない場合でも、自動的にダウンロードしてインストールできるようにします。 EMBED タグのみ。
·MOVIE - ビデオのダウンロード アドレスを指定します。 OBJECT タグにのみ使用されます。
2. オプションの属性と使用可能な値:
·ID - スクリプト コードで参照する変数名を設定します。オブジェクトのみ。
・NAME - スクリプトコード(JavaScriptなど)で参照する変数名を設定します。埋め込み専用。
・SWLIVECONNECT - (true または false) Flash Player を初めてダウンロードするときに Java を有効にするかどうかを指定します。これらの属性を省略した場合、デフォルト値は false になります。同じページで JavaScript と Flash を使用する場合、Java は FSCommand を使用して動作する必要があります。
・PLAY - (true または false) ダウンロード完了後に Flash ムービーを自動的に再生するかどうかを指定します。この属性が省略された場合、デフォルトは true です。
・LOOP - (true または false) ビデオの最後のフレームの後にループを停止するか継続するかを指定します。この属性が省略された場合、デフォルトは true になります。
·MENU - (true または false)
·True はすべてのメニューを表示し、ユーザーがズームイン、ズームアウトなどをしてビデオ再生やその他の操作を制御できるようにします。
·False は、設定オプションとフラッシュに関するメニューのみを表示します。
・品質 - (低、高、自動低、自動高、最高)
・低は美しいよりも高速で、アンチエイリアスは適用されません。
· Autolow は最初は速度に重点を置いていますが、必要に応じていつでも美しさを向上させることができます。
· Autohigh は再生速度と美しさの両方に重点を置いていますが、必要に応じて再生速度を確保するために美しさを犠牲にします。
·中は、ビットマップをスムージングせずにアンチエイリアスを適用します。その品質は、低い設定よりも高く、高い設定よりも低くなります。
· High Beauty は再生速度よりも優れており、アンチエイリアスが常に適用されます。ムービーにアニメーションが含まれていない場合、ビットマップはスムージングされますが、ムービーにアニメーションが含まれている場合、ビットマップはスムージングされません。
· [最高] は、再生速度に関係なく最高の表示品質を提供します。すべての出力にはアンチエイリアスが適用され、すべてのビットマップが平滑化されます。
・SCALE - (showall、noborder、exactfit)
・Default (すべて表示) ビデオは指定された領域に表示されますが、元の比率は維持されます。ビデオの両側に枠線が表示されます。
· 境界線なしは、指定された領域に合わせてビデオを縮小し、ビデオを歪みのない状態に保ちますが、ビデオの一部が切り取られる場合があります。ただし、フィルムの元の比率は維持されます。
· 正確にフィットすると、ビデオ全体が指定された領域内に表示され、ビデオが変形したり歪んだり、元の比率が維持されない場合があります。
・ALIGN - (l, t, r, b)
・デフォルトでは、ブラウザウィンドウがビデオより小さい場合、端がトリミングされます。
· 対応する設定に従って、左、右、上、下がブラウザの端に沿って配置されます。必要に応じて、他の 3 つの側面がトリミングされます。
・SALIGN - (l、t、r、b、tl、tr、bl、br)
・L、R、T、B
・TL、TR
・BL、BR
・WMODE- (ウィンドウ、不透明、透明) Flash ムービーのウィンドウ モード属性を設定し、ブラウザでのフラッシュの透明度、カスケード、および位置を指定します。
· ウィンドウ ビデオはブラウザ内の独自の長方形のウィンドウで再生されます。
· 不透明なビデオはその背後にあるものをすべて隠します。
· 透明は Flash ビデオを透明にし、透明なビデオの背後に Web コンテンツを表示します。これにより、アニメーションのパフォーマンスが低下します。また、このプロパティはすべてのブラウザで利用できるわけではありません。
・BGCOLOR - (#RRGGBB、16 進数の RGB 値。) ビデオの背景色を指定します。この属性を使用して、Flash で設定された背景色をオーバーライドします。
·BASE - フラッシュ内のすべての相対パスを解決するためのベース ディレクトリまたは URL を設定します。 Web ページの dde6fb694e6711ae5e6f381704c04ae4 タグに似ています。
・FLASHVARS Flash Playerに変数を渡すには、Flash Player 6以降のバージョンが必要です。
· ルートレベルの変数をビデオに渡します。文字列の形式は、「&」で区切られた名前=値のセットです。
· ブラウザは 64kB の文字列長をサポートします。
· FlashVars の詳細については、関連ドキュメントをご覧ください。
2: いくつかのスキル
(1) まず、座標制御なしで透明な Flash を挿入するための最も簡単なコードを教えます。
それを望まない場合は、wmode="transparent" が Flash を透明に表示するかどうかを制御することに注意してください。透明に表示するには はい、wmode="transparent" を削除するだけです。
6d442aae8e326965e4b05f57055f855252bd5fd6675b25168c6220d2fe97dd9b
(2) 絶対座標を使用して透明な Flash を追加する方法を教えましょう。ウィンドウがどんなに大きくても、Flash はそのまま残ります
13e5aa94a997f26d1d93e23aac07cbd2
(3) 最後に、相対座標を使用して透明な Flash を追加する方法を説明します。これは主にテーブルをコンテナとして使用し、テーブルに Flash
を「インストール」します。そのため、ブラウザがどれほど大きくても、ブラウザ、Flash は常にフォームとともに移動します。さらに、テーブルには背景画像を設定でき、その背景画像に合わせてテーブルの上に透明な Flash を置くことができます
- -------------------------------------------------- -- ------- ------
Web ページのレイアウトに基づいた実装方法
まず透明効果に適した画像とフラッシュを用意し、次にDREAMWEAVERを開き、 で新しいWebページを作成し、事前に用意した画像の幅と高さと同じサイズの
セルを挿入します。そして、この画像を背景画像として設定します。設定が完了したら、このセルに用意したフラッシュを挿入し、フラッシュのサイズをセルと同じサイズに調整します。マウスでフラッシュを選択した後、Web ページの編集ステータスを「デザイン」
から「コード」に切り替えます。コード例は次のとおりです。
ac8302a2a9243f119f938e54be374ef8
337e2bb4c187719221726ec94993a3ff
c83501abe7e9d10d0967cfaaccb8d6c9
38b91e35ea0fc8b8ab1c2fa6a141d19c4dd31068bf220ff9da7a2b5fbd47a26a
eb50c9ec568c9b96871b9e94a1ff3fd1
このコード部分を上記のコードに挿入します: 88ba7103a5644a5b72a1eb80fe0a5f86
1e9d9c1a8b10716e46de41759d1ad196
2f389c5d976adc5aab97269c758b7bfd
c8c599763c7a1992df9f4141a612b681
9fb1a8430dcad685d3c1d2786303412f4dd31068bf220ff9da7a2b5fbd47a26a
eb50c9ec568c9b96871b9e94a1ff3fd1
CSS レイアウトに基づいて、中心となるアイデアを把握し、背景画像を含む DIV タグにフラッシュを挿入し、フラッシュ部分に上記のコードを追加します。
FlashのHTML公開オプションでWindowsモード/透明
ウィンドウレスを選択し、HTMLとして公開し、Webページに挿入すると、透明なFlash効果が得られます。 はい、この方法に従えば、透明なFlashを使ったHTMLページを公開することができます。ただし、問題があります。公開された Flash アニメーションは、同時に公開された HTML ページでのみ透明効果を表示します。Dreamweaver を使用して新しいファイルを作成し、ページに挿入して保存します。 ; F12 プレビューでは、再び不透明になっていることがわかります。どうしたの?
Flash で公開された HTML ページのソース コードと、Dreamweaver で作成された Flash アニメーションを含む 2 つの HTML ページを注意深く比較しました:
1. Flash で公開された HTML ページのソース コード:
6a74014ee44f5deb5894267f99b68016
421fd5ef7c7fd9cfc3602a8610931fbe08eb756f81b28a01d33212cce3fbe742Movie20e94189e2178ffcfb346fb78b3f60691
34934661d7147ca926b095899343bad0
ffedef00641438538bea91263130e88c
345419805f2d45fb06ecbabc8f6b59cf
cfe807df336e75238ce3db9c148c5299 ;
50e3f2917ce75d8809f2c2af3bcbfb77
04b5a4a3425126ef9a965023fd34f203
33023457fdd447e8a311503563125de3
08b66ec4c460e1cb837a4254703b2489
6b8ea03dd539eb1a5245ed481ab501b3
3b45c1f6ae36094eac0a97da8e945998
70742f131f3706fd0bbed9356ec4886652bd5fd6675b25168c6220d2fe97dd9b
;title>無題のドキュメント6e916e0f7d1e588d4f442bf645aedb2f
4ae5faa0f1bd5d1756807970b88c9471
9c3bca370b5104690d9ef395f2c5f8d1 ;
807b06c2a72c448662263bd0104ea793
d4b7d1c7cb2e40e6f5a12b0d0facf1e7
f3d1a14a4ddace2e4f30069fccd2d87a961359c058411fe42fd631bd7ce5cb57
4dd31068bf220ff9da7a2b5fbd47a26aeb50c9ec568c9b96871b9e94a1ff3fd1
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
d8e2720730be5ddc9c2a3782839e8eb6 を慎重に比較および分析してください。 2 つのコードの 273238ce9338fbb04bee6997e5552b95 タグの違いは次のとおりです。
前者にはパラメータ wmode=transparent があり、後者にはパラメータがありません。これが Flash が透明かどうかの鍵です。
DreamweaverのFlashプロパティパネルについて考えてみてください。パラメータについて何か印象に残っていますか?みなさんはその用途を知っていますか?
次に、Dreamweaver を使用して透明効果を作成しましょう。挿入したばかりの Flash アニメーションを選択し、マウスを右クリックしてプロパティを選択し、
プロパティ パネルを表示します。次にパラメータ ボタンをクリックし、ポップのプラス アイコンをクリックします。ダイアログ ボックスを開き、左側のパラメータに「wmode」と入力し、右側の値ボックスに「transparent」と入力して、「OK」をクリックし、f12 を押してプレビューすると、目的の透明効果が表示されます。
まだ興奮しないでください。このテクニックは、Flash のデフォルト設定に従う (つまり、Windows モード/透明
ウィンドウレスを変更しない) アニメーションで機能しますか?私の実験では、それが普遍的に適用できることが証明されました。つまり、d
reamweaverで任意のFlashアニメーションを挿入した後、properties→parameter→wmode→
------------------------------------------------ -------------------------------------------------- ----------
bc421f8202289ebd40b3cf9a4737f888
b89d47eb9b48f07193d40b54929c4326
c8c599763c7a1992df9f4141a612b681
95f95413903afb006f686250a9958bac4dd31068bf220ff9da7a2b5fbd47a26a
eb50c9ec568c9b96871b9e94a1ff3fd1