htmlへのFlashコード挿入の詳しい解説(再版)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:52:33
オリジナル
1413 人が閲覧しました

<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 ページの タグに似ています。
・FLASHVARS Flash Playerに変数を渡すには、Flash Player 6以降のバージョンが必要です。
· ルートレベルの変数をビデオに渡します。文字列の形式は、「&」で区切られた名前=値のセットです。
· ブラウザは 64kB の文字列長をサポートします。
· FlashVars の詳細については、関連ドキュメントをご覧ください。

2: いくつかのスキル

(1) まず、座標制御なしで透明な Flash を挿入するための最も簡単なコードを教えます。

それを望まない場合は、wmode="transparent" が Flash を透明に表示するかどうかを制御することに注意してください。透明に表示するには はい、wmode="transparent" を削除するだけです。


src=http://imgfree.21cn.com/free/flash/17.swf
type=application/ x-shockwave-flash&nb sp;width=500 wmode="transparent"
quality="high">


(2) 絶対座標を使用して透明な Flash を追加する方法を教えましょう。ウィンドウがどんなに大きくても、Flash はそのまま残ります

pics/snow.swf width=500 height=2000 type=appl ication/octet-stream ;
quality= "high" wmode="transparent">


(3) 最後に、相対座標を使用して透明な Flash を追加する方法を説明します。これは主にテーブルをコンテナとして使用し、テーブルに Flash
を「インストール」します。そのため、ブラウザがどれほど大きくても、ブラウザ、Flash は常にフォームとともに移動します。さらに、テーブルには背景画像を設定でき、その背景画像に合わせてテーブルの上に透明な Flash を置くことができます

align=center backg
round=http://image.hjbbs.com/img/200410/200410259222581234.j pg>
<埋め込みプラグ
inspage =http://www.macromedia.com/go/getflashplayer &nb sp;
src=http://user.hjenglish.com/yangbb/pics/hearts.swf wi dth="100%"
height=" 100% "
type=application/x-shockwave-flash wmode="transparent"
quality="high">

- -------------------------------------------------- -- ------- ------

以下のような方法もあります:

Web ページのレイアウトに基づいた実装方法

まず透明効果に適した画像とフラッシュを用意し、次にDREAMWEAVERを開き、 で新しいWebページを作成し、事前に用意した画像の幅と高さと同じサイズの

セルを挿入します。そして、この画像を背景画像として設定します。設定が完了したら、このセルに用意したフラッシュを挿入し、フラッシュのサイズをセルと同じサイズに調整します。マウスでフラッシュを選択した後、Web ページの編集ステータスを「デザイン」
から「コード」に切り替えます。コード例は次のとおりです。




<埋め込みsrc="0.swf"quality="高"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash " width="470" height="180">


このコード部分を上記のコードに挿入します:





pluginspage=" http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="470" height="180">


CSS レイアウトに基づいて、中心となるアイデアを把握し、背景画像を含む DIV タグにフラッシュを挿入し、フラッシュ部分に上記のコードを追加します。

FlashのHTML公開オプションでWindowsモード/透明

ウィンドウレスを選択し、HTMLとして公開し、Webページに挿入すると、透明なFlash効果が得られます。

はい、この方法に従えば、透明なFlashを使ったHTMLページを公開することができます。ただし、問題があります。公開された Flash アニメーションは、同時に公開された HTML ページでのみ透明効果を表示します。Dreamweaver を使用して新しいファイルを作成し、ページに挿入して保存します。 ; F12 プレビューでは、再び不透明になっていることがわかります。どうしたの?

Flash で公開された HTML ページのソース コードと、Dreamweaver で作成された Flash アニメーションを含む 2 つの HTML ページを注意深く比較しました:

1. Flash で公開された HTML ページのソース コード:

< ;HEAD>

Movie2



< -- 映画で使用されているテキスト --> ;

codebase="http : //download.macromedia.com/pub/shockwave/cabs/flash

/swflash.cab#version=5,0,0,0"

WIDTH=550 HEIGHT=400>




WIDTH=550 HEIGHT=400 TYPE= "application/x-shockwave-flash" PLUGINSPAGE="
[url]http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr[/url]
od_Version
=ShockwaveFlash ">
;title>無題のドキュメント

;

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash

/swflash.cab#version=5,0,0,0 " width="550" height="400">

height="400">





を慎重に比較および分析してください。 2 つのコードの タグの違いは次のとおりです。
前者にはパラメータ wmode=transparent があり、後者にはパラメータがありません。これが Flash が透明かどうかの鍵です。

DreamweaverのFlashプロパティパネルについて考えてみてください。パラメータについて何か印象に残っていますか?みなさんはその用途を知っていますか?

次に、Dreamweaver を使用して透明効果を作成しましょう。挿入したばかりの Flash アニメーションを選択し、マウスを右クリックしてプロパティを選択し、
プロパティ パネルを表示します。次にパラメータ ボタンをクリックし、ポップのプラス アイコンをクリックします。ダイアログ ボックスを開き、左側のパラメータに「wmode」と入力し、右側の値ボックスに「transparent」と入力して、「OK」をクリックし、f12 を押してプレビューすると、目的の透明効果が表示されます。

まだ興奮しないでください。このテクニックは、Flash のデフォルト設定に従う (つまり、Windows モード/透明
ウィンドウレスを変更しない) アニメーションで機能しますか?私の実験では、それが普遍的に適用できることが証明されました。つまり、d
reamweaverで任意のFlashアニメーションを挿入した後、properties→parameter→wmode→

value=transparentと設定することで、Flashの背景透明効果を実現できます。


------------------------------------------------ -------------------------------------------------- ----------





ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート