HTMLタグのObjectタグとEMBEDタグの詳しい説明_html5チュートリアルスキル

定義と使用法

埋め込みオブジェクトを定義します。この要素を使用して、XHTML ページにマルチメディアを追加してください。この要素を使用すると、HTML ドキュメントに挿入されるオブジェクトのデータとパラメーター、およびデータの表示と操作に使用できるコードを指定できます。

<object> タグは、画像、オーディオ、ビデオ、Java アプレット、ActiveX、PDF、Flash などのオブジェクトを含めるために使用されます。

オブジェクトは当初、img 要素と applet 要素を置き換えることを目的としていました。ただし、バグとブラウザのサポート不足により、これは起こりませんでした。

ブラウザのオブジェクト サポートは、オブジェクト タイプによって異なります。残念ながら、主要なブラウザはすべて、同じオブジェクト タイプをロードするために異なるコードを使用しています。

幸いなことに、object が解決策を提供します。 object 要素が表示されていない場合は、<object> と </object> の間のコードが実行されます。このようにして、複数のオブジェクト要素 (ブラウザごとに 1 つ) をネストできます。

OBJECT タグと EMBED タグを使用する
ブラウザで Flash ムービーを再生するには、HTML ドキュメントに と タグが含まれ、パラメータを設定する必要があります。 EMBED タグの場合、括弧で囲まれた設定 (HEIGHT、WIDTH、QUALITY、LOOP など) がその属性です。例:
<EMBED SRC="moviename.swf" WIDTH= "100" HEIGHT ="100" PLAY="true" LOOP="true" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"</EMBED> ;
OBJECT タグには 4 つの設定 (HEIGHT、WIDTH、CLASSID、CODEBASE) があり、これらはすべてその属性です。他の設定は HTML ドキュメント内に独立して表示され、パラメーター タグと呼ばれます。例:
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100" HEIGHT="100"CODEBASE="http://active.macromedia.com/flash4/cabs / swflash.cab#version=4,0,0,0"> <PARAM NAME="MOVIE" VALUE="moviename.swf"> <PARAM NAME="PLAY" VALUE="true"> < ; PARAM NAME="LOOP" VALUE="true">

値の取得: 映画名 (movieName.swf など)。
対応するテンプレート変数: $MO
関数の説明: ロードするビデオの名前を指定します。「EMBED」フラグにのみ適用されます。


MOVIE 値: ムービー名 (movieName.swf など)。
対応するテンプレート変数: $MO
機能の説明: ロードするビデオの名前を指定します。「OBJECT」マークにのみ適用されます。


CLASSID 値: clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
関数の説明: ブラウザーで使用される ActiveX コントロールを指定します。これはまったく同じである必要があります。上記の値と同じですが、「OBJECT」フラグでのみ使用できます。


WIDTH 値: 数値またはパーセンテージ。
対応するテンプレート変数: $WI
関数の説明: ビデオの幅をピクセルまたはブラウザ ウィンドウの幅の割合で指定します。


HEIGHT 値: 数値またはパーセンテージ。
対応するテンプレート変数: $HE
関数の説明: ビデオの高さをピクセル数またはブラウザ ウィンドウの高さのパーセンテージの形式で指定します。

Flash ビデオはスケーラブルであるため、アスペクト比を維持したままビデオ形式のサイズを変更しても、ビデオの表示品質は低下しません。


コードベース
値: http://active.macromedia.com/flash4/cabs/swflash.cab #version=4,0,0,0"

機能の説明: Flash プレーヤーの ActiveX コントロールの場所を指定します。ブラウザがこの場所に自動的にダウンロードする場合は、上記の値とまったく同じである必要があります。


PLUGINSPAGE 値: http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash? 🎜 >機能の説明: 必要な場合にインストールを容易にするために、Flash プレーヤー プラグインの場所を示します。割り当てられる値は、「EMBED」フラグにのみ適用されます (オプション)。 >値: true または false
機能の説明: Flash プレーヤーの初回ロード時に Java を起動するかどうかを決定するために使用されます。この項目を省略した場合、JavaScript プログラムと Flash が接続されている場合、デフォルト値は False になります。同じページに含まれている場合、「FS コマンド」ステートメントが機能するには Java が実行されている必要があります。ただし、ページ内の JavaScript プログラムがブラウザの種類や「FS コマンド」に関連するその他の問題を検出するためにのみ使用される場合は、ステートメントは関数とは何の関係もないため、SWLIVECONNECT を false に設定して Java を起動できないようにすることができます。これにより、ビデオの再生開始にかかる時間が大幅に増加します。 「埋め込み」記号を押してください。

PLAY (オプション)
値: true または false
対応するテンプレート変数: $PL
関数の説明: ビデオがブラウザーにダウンロードされた直後に再生するかどうかを指定するために使用されます。 。ビデオにインタラクティブな要素が含まれている場合、再生を開始するためにプレゼンターからの関連操作が必要になる場合があります。この場合、この属性を false に設定すると、ビデオが自動的に再生されなくなります。この属性を省略すると、デフォルト値の true が使用されます。使用されます。

LOOP (オプション)
値: true または false。
対応するテンプレート変数: $LO
機能の説明: ビデオを繰り返し再生するか、一度再生した後に停止するかを指定します。この属性を省略した場合は、デフォルト値の true が使用されます。

品質 (オプション)
値: low、high、autolow、autohig、または best。
対応するテンプレート変数: $QU。
関数の説明: 上記を参照。

この属性を省略した場合、デフォルト値の high が実行されます。

BGCOLOR (オプション)
値: #RRGGBB (16 進数の RGB 値)。
対応するテンプレート変数: $BG
ビデオの背景色を指定します。この属性は、Flash ビデオ ファイルの背景色設定を置き換えることができますが、ビデオが配置されている HTML ページの背景色設定には影響しません。位置した。

SCALE (オプション)
値: showall、noborder、exactfit。
対応するテンプレート変数: $SC。
関数の説明: width と height の場合パーセントで表され、ビデオがブラウザ ウィンドウにどのように配置されるかを決定します。オプションは次のとおりです。

「すべて表示」(デフォルト値) は、ビデオ コンテンツ全体を指定されたサイズの領域に表示し、元のビデオと同じアスペクト比を維持し、ビデオ コンテンツは変形しません。
「枠なし」は、動画のアスペクト比を維持したまま、指定した領域を塗りつぶしますが、動画コンテンツの一部が表示されない場合があります。
「Exact Fit」では、指定した領域にビデオ全体が表示されます。この時点では、元のアスペクト比が維持されないため、ビデオが変形する可能性があります。

この属性が省略された場合 (幅と高さの値がパーセントで表される場合)、showall のデフォルト値が実行されます。

ALIGN
値: L、R、T、B。
対応するテンプレート変数: $HA。
関数の説明: 「OBJECT」、「EMBED」を設定します。 「IMG」タグの「ALIGN」属性は、ブラウザ ウィンドウ内のムービーの位置を決定します。

省略した場合、ビデオはブラウザウィンドウの中央に配置されます。ブラウザウィンドウのサイズがビデオが占める領域より小さい場合、ビデオが収まるようにブラウザウィンドウのサイズが調整されます。正常に表示されます。

「L」値は、ビデオをブラウザ ウィンドウの左側に配置します。ブラウザ ウィンドウがビデオを収容できるほど大きくない場合、ウィンドウの上端、下端、右端が調整されます。
「R」値はビデオをブラウザ ウィンドウの右側に配置します。ブラウザ ウィンドウがビデオを収容できるほど大きくない場合は、ウィンドウの上端、下端、左端が調整されます。
「T」値はビデオをブラウザ ウィンドウの上端に揃えます。ブラウザ ウィンドウがビデオを収容できるほど大きくない場合は、ウィンドウの左、右、下端が調整されます。
「B」値はビデオをブラウザ ウィンドウの下端に揃えます。ブラウザ ウィンドウがビデオを収容できるほど大きくない場合は、ウィンドウの左端、右端、および上端が調整されます。

SALIGN (オプション)
値: L、R、T、B、TL、TR、BL、BR
対応するテンプレート変数: $SA
関数説明: 指定された幅と高さの領域にスケーリングされたビデオをどのように配置するかを決定するために使用されます。さまざまな値の意味については、前の項目を参照してください。

BASE (オプション)
値: ベースパスまたは URL。
機能説明: 動画内で使用される相対パスの基準位置を指定するために使用します。

MENU (オプション)
値: true、false
対応するテンプレート変数: $ME。
関数の説明: ブラウザーで指定するために使用されます。ムービーの領域を右クリック (Windows) またはコマンドキーを押しながらクリック (Macintosh) すると表示されるショートカット メニュー。
「True」値を指定するとメニュー全体が表示され、スクリーニング プロセスに対するさまざまなコントロールが表示されるようになります。
値を「False」にすると、「Flash について」メニュー項目のみを含むメニューが表示されます。

この属性を省略した場合、デフォルト値「true」が使用されます。

WMODE (オプション)
値: Window、Opaque、Transparent。
対応するテンプレート変数: $WM。
関数の説明: このパラメーターは、Applicable でのみ使用できます。 Flash Active X スペースを備えた Windows システムに。

「ウィンドウ」値により、Web ページ上の指定された場所でビデオが再生されます。これは、いくつかのオプションの中で最も速い再生速度でもあります。
「Opaque Windowless」値は、Web ページ上のビデオの背後にあるコンテンツをブロックします。
「透明」値を指定すると、Web ページ上のビデオの透明な部分に Web ページのコンテンツと背景が表示され、アニメーションが遅くなる可能性があります。

この属性を省略した場合、デフォルト値「Window」で実行され、Object タグ内でのみ使用できます。

1. はじめに:

通常、Web ページ内に Flash コンテンツを表示したい場合は、ページ内に Flash のパスを指定するタグが必要です。つまり、OBJECT タグと EMBED タグです。 OBJECT タグは Windows プラットフォームの IE ブラウザで使用され、EMBED は Windows および Macintosh プラットフォームの Netscape Navigator ブラウザと Macintosh プラットフォームの IE ブラウザで使用されます。 Windows プラットフォーム上の IE は、Activex コントロールを使用して Flash を再生しますが、他のブラウザは Netscape プラグイン テクノロジを使用して Flash を再生します。

次に、Flash を Web ページに挿入する簡単なコード例を示します。

コードをコピー

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

<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" id="myMovieName">
<PARAM NAME=映画VALUE=myFlashMovie.swf>
<PARAM NAME=品質VALUE=高>
<EMBED src="http: //www.doflash. net/"/support/flash/ts/documents/myFlashMovie.swf""quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400"
NAME="myMovieName" ALIGN= "" TYPE="アプリケーション /x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED> ;


2. 上記のタグをすべて使用するのはなぜですか?一部のタグは省略できますか?

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 を正常に表示できるようにするには、上記のコード例のように、OBJECT タグ内に EMBED タグをネストする必要があります。 Activex コントロールをサポートするブラウザは、OBJECT タグ内の EMBED タグを無視します。プラグインを使用する Netscape および IE ブラウザは、EMBED タグのみを読み取り、OBJECT タグを認識しません。つまり、EMBED タグを省略すると、Firefox は Flash を認識できなくなります (ただし、驚くべきことに、object を省略して embed のみを記述すると、IE では通常どおり Flash が表示されます。笑、詳しく見てみましょう) ）。

ビデオの公開に使用される OBJECT タグと EMBED タグの必須属性とオプションの属性を以下に示します。

1. 必須属性:

・CLASSID - ブラウザーの Activex コントロールを設定します。OBJECT タグにのみ使用されます。

·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 は再生速度と美しさの両方に重点を置いていますが、必要に応じて再生速度を確保するために美しさを犠牲にします。

·Medium は、ビットマップを滑らかにすることなく、アンチエイリアシングを適用します。その品質は、低い設定よりも高く、高い設定よりも低くなります。

・High Beautyは再生速度よりも優れており、常にアンチエイリアスが適用されます。ムービーにアニメーションが含まれていない場合、ビットマップはスムージングされますが、ムービーにアニメーションが含まれている場合、ビットマップはスムージングされません。

・「最高」は、再生速度に関係なく最高の表示品質を提供します。すべての出力にはアンチエイリアスが適用され、すべてのビットマップが平滑化されます。

・SCALE - (showall、noborder、exactfit)

・デフォルト (すべて表示) ビデオは指定された領域に表示されますが、元の比率は維持されます。ビデオの両側に枠線が表示されます。

・No Boder は、指定された領域に合わせてビデオを縮小し、ビデオを歪みのない状態に保ちますが、ビデオの一部が切り取られる場合があります。ただし、フィルムの元の比率は維持されます。

・Exact Fit では、ビデオ全体が指定された領域内に表示されるため、ビデオが変形したり、元の比率が維持されない場合があります。

・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 ムービーのウィンドウ モード属性を設定し、ブラウザでのフラッシュの透明度、カスケード、位置を指定します。

・ウィンドウ ビデオはブラウザ内の独自の長方形のウィンドウで再生されます。

・不透明なビデオはその背後にあるものをすべて隠します。

・TransparentはFlashビデオを透明にし、透明なビデオの背後にWebコンテンツを表示します。これにより、アニメーションのパフォーマンスが低下します。また、このプロパティはすべてのブラウザで利用できるわけではありません。

・BGCOLOR - (#RRGGBB、16進数のRGB値。) ビデオの背景色を指定します。この属性を使用して、Flash で設定された背景色をオーバーライドします。

·BASE - フラッシュ内のすべての相対パスを解決するためのベース ディレクトリまたは URL を設定します。 Web ページの <base> タグに似ています。

・FLASHVARS は変数を Flash Player に転送します。これには Flash Player 6 以降のバージョンが必要です。

・ルートレベルの変数をビデオに渡します。文字列の形式は、「&」で区切られた名前=値のセットです。

・ブラウザは 64kB の文字列長をサポートします。