<object> - オブジェクトの張りつけ
トップ > HTMLリファレンス > <object><object>は、<applet>、<embed>、<bgsound>、<img> などに代わり、Java アプレットやマルチメディアリソースなどページ上に貼り付けるための汎用的なタグです。詳細のパラメータ制御には <param> を用います。
<object> の動作は、ブラウザやそのバージョン、インストールされているプラグインの種類などによって動作が大きく異なるので注意してください。現状ではまだブラウザ側の対応が完全ではないために、<object> や <applet> や <embed> などが混在した状況になっています。
属性 | 意味 |
---|---|
alt=alt | e6。テキストブラウザなどでオブジェクトの代わりに表示される文字列を指定します。 |
archive=archive | H4s/e6。オブジェクトに関連するリソースがアーカイブされている時に、そのアーカイブファイルの URL リストをスペースで区切って指定します。 |
border=n | H4t。<a href="...">〜</a> で囲まれている時の枠線の太さをピクセルで指定します。 |
classid=classid | H4s/e3/N4。実行ファイルの URL を指定します。データの形式に応じて data 属性と併用したり代用されたりします。IE で Active X コントロールを貼り付ける場合は、clsid:class-identifierを指定します。codebase を基準とします。 |
code=url | e4。コードの URL を指定します。 |
codebase=url | H4s/e3/N4。classid、data、archive 属性の URL を探す際の基準となる URL を指定します。 |
codetype=codetype | H4s/e3。classid で指定したプログラムの MIMEタイプを指定します。 |
data=url | H4s/e3/N4/i3。埋め込むデータファイルの URL を指定します。 |
declare | H4s/i3。この属性があると、オブジェクトはダウンロードされてもすぐには実行されず、他の方法で起動されるまで待機状態になります。 |
name=name | H4s/e3。名前を指定します。 |
standby=standby | H4s。オブジェクトをダウンロード中に表示しておくテキストを指定します。 |
tabindex=n | H4s/e?/N?。タブインデックスを指定します。 |
type=type | H4s/e3/N4。data 属性で指定したデータの MIMEタイプを指定します。i-modeでは application/x-jam(iアプリ/i3)、audio/3gpp(iモーション/i4)、video/3gpp(iモーション/i4)、application/x-shockwave-flash(Flash/i5)、application/x-ir(タグ指定送信/i5)などを指定することができます。 |
usemap=usemap | H4s。クライアントサイドクリッカブルマップを使用する際の <map> タグの ID を指定します。 |
【位置・大きさ属性】
属性 | 意味 |
---|---|
align=align | H4t/e3/N4。周りのテキストとの位置関係を、abcbottom、absmiddle、baseline、bottom、center、left、middle、right、texttopのいずれかで指定します。HTML4.0ではbottom, middle, topのみが定義されています。 |
width=n | H4s/e3/N4/i5。横幅をピクセルかパーセンテージで指定します。 |
height=n | H4s/e3/N4/i5。高さをピクセルかパーセンテージで指定します。 |
hspace=n | H4t/e3。オブジェクトの周りの横方向の余白をピクセル単位で指定します。 |
vspace=n | H4t/e3。オブジェクトの周りの縦方向の余白をピクセル単位で指定します。 |
【データバインド関連属性】
属性 | 意味 |
---|---|
datasrc=datasrc | e4。データバインド機能を用いる際の、データソースの ID を指定します。 |
【一般属性】
属性 | 意味 |
---|---|
class=class | H4s/e3/N4。クラスを指定します。 |
dir=dir | H4s/e5。文字の表示方向を指定します。 |
id=id | H4s/e3/N4/i3。IDを指定します。 |
lang=lang | H4s/e4。言語を指定します。 |
language=language | e4。スクリプト言語を指定します。 |
style=style | H4s/e3/N4。スタイルシートを指定します。 |
title=title | H4s/e4。タイトルを指定します。 |
最近のブラウザでは、下記のようにして画像オブジェクトろ張りつけることができます。ただし、IE では 100×100 の枠の中に通常の大きさの画像が表示されるのに対して、Netscape 6.* では画像が 100×100 に圧縮・拡大されて表示されるなど、動作が異なります。
<object data="xxxxx.gif" type="image/gif" width=100 height=100></object>
次の例では、PNG 画像がサポートされていれば PNG 画像を、サポートされていなければ GIF 画像を貼り付けます。
<object data="xx.png" type="image/png" height=100 width=100> <object data="xx.gif" type="image/gif" height=100 width=100> </object> </object>
RealNetworks 社の RealMedia を再生するコントロールを張りつけます。<object> 未サポートのブラウザのために、内部で <embed> による呼び出しも記述しています。→ RealMedia 入門
<object classid="CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="260" height="30"> <param name="SRC" value="dummy.rm"> <param name="AUTOSTART" value="false"> <param name="CONTROLS" value="ControlPanel"> <param name="CONSOLE" value="cons"> <param name="NOLOGO" value="true"> <embed type="audio/x-pn-realaudio-plugin" src="xxx.rm" autostart="false" width="260" height="30" controls="ControlPanel" console="cons" name="player" nologo="true"> </embed> </object>
次の例では、IE4.0 に標準でサポートされている ActiveX コントロールのひとつを使用して、動く画像を実現します。(IE4.0〜)
<img id="img1" src="xxx.gif" style="position:absolute"> <object classid="clsid:D7A7D7C3-D47F-11D0-89D3-00A0C90833E6"> <param name="AutoStart" value="-1"> <param name="Direction" value="1"> <param name="Repeat" value="-1"> <param name="Bounce" value="0"> <param name="Duration" value="5"> <param name="Shape" value="Rect(0,0,100,100)"> <param name="Target" value="img1"> <param name="TimerInterval" value="0.02"> </object>
よく使用される classid には次のようなものがあります。
説明 | classid |
---|---|
Windows Media Player | 22D6F312-B0F6-11D0-94AB-0080C74C7E95 |
RealMedia | CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA |
QuickTime | 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B |
YAMAHA MIDPLUG | B0C207A3-42EE-11D0-9DB3-00805F8A73C5 |
Crescendo | 0FC6BF2B-E16A-11CF-AB2E-0080AD08A326 |
Flash | D27CDB6E-AE6D-11cf-96B8-444553540000 |
Shockwave | 166B1BCA-3F9C-11CF-8075-444553540000 |
Java | 8AD9C840-044E-11D1-B3E9-00805F499D93 |
Java | CAFEEFAC-0013-0001-0000-ABCDEFFEDCBA |
データバインド | 333C7BC4-460F-11D0-BC04-0080C7055A83 |
Active X | 333C7BC4-460F-11D0-BC04-0080C7055A83 |
Microsoft NetShow | 2179C5D3-EBFF-11CF-B6FD-00AA00B4E220 |
VRML | 90A7533D-88FE-11D0-9DBE-0000C0411FC3 |