<object> - オブジェクトの張りつけ

トップ > HTMLリファレンス > <object>

概要

項目説明
形式<object>~</object>
サポートH4 / e3 / Ch1 / Fx1 / Sa1 / Op1 / N4 / i3
カテゴリフローコンテンツ, フレージングコンテンツ, エンベデッドコンテンツ, インタラクティブコンテンツ(usemap属性を持つ場合),
リステッド, サブミッタブル, リアソシエイタブル, フォーム関連, パルパブルコンテンツ
親要素エンベデッドコンテンツ を子要素に持てるもの
子要素param要素, トランスペアレント
タグの省略開始タグ:必須 / 終了タグ:必須

説明

<object>は、<applet>、<embed>、<bgsound>、<img> などに代わり、Java アプレットやマルチメディアリソースなどページ上に貼り付けるための汎用的なタグです。詳細のパラメータ制御には <param> を用います。

<object> の動作は、ブラウザやそのバージョン、インストールされているプラグインの種類などによって動作が大きく異なるので注意してください。現状ではまだブラウザ側の対応が完全ではないために、<object> や <applet> や <embed> などが混在した状況になっています。

HTML5 では、align, archive, border, classid, codebase, codetype, declare, hspace, standby, vspace属性が廃止される予定です。

属性

【固有属性】
属性意味
data=urlH4/e3/Ch/Fx/Sa/Op/N4/i3。埋め込むデータファイルの URL を指定します。
type=typeH4/e3/Ch/Fx/Sa/Op/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)などを指定することができます。
typemustmatchH5。type属性と Content-Type の値が使用されるリソースの種別と一致している必要がある場合に指定します。
name=nameH4/e3/Ch/Fx/Sa/Op。名前を指定します。
usemap=usemapH4。クライアントサイドクリッカブルマップを使用する際の <map> タグの ID を指定します。
form=idH5。関連付けたい form要素のidを指定します。
【固有属性】
属性意味
alt=alte6。テキストブラウザなどでオブジェクトの代わりに表示される文字列を指定します。
archive=archiveH4-4/e6。オブジェクトに関連するリソースがアーカイブされている時に、そのアーカイブファイルの URL リストをスペースで区切って指定します。
border=nH4T-4T。<a href="...">~</a> で囲まれている時の枠線の太さをピクセルで指定します。
classid=classidH4-4/e3/N4。実行ファイルの URL を指定します。データの形式に応じて data 属性と併用したり代用されたりします。IE で Active X コントロールを貼り付ける場合は、clsid:class-identifierを指定します。codebase を基準とします。
code=urle4。コードの URL を指定します。
codebase=urlH4-4/e3/N4。classid、data、archive 属性の URL を探す際の基準となる URL を指定します。
codetype=codetypeH4-4/e3。classid で指定したプログラムの MIMEタイプを指定します。
declareH4-4/i3。この属性があると、オブジェクトはダウンロードされてもすぐには実行されず、他の方法で起動されるまで待機状態になります。
standby=standbyH4-4。オブジェクトをダウンロード中に表示しておくテキストを指定します。
【位置・大きさ属性】
属性意味
width=nH4/e3/N4/i5。横幅をピクセルかパーセンテージで指定します。
height=nH4/e3/N4/i5。高さをピクセルかパーセンテージで指定します。
hspace=nH4T-4T/e3。オブジェクトの周りの横方向の余白をピクセル単位で指定します。
vspace=nH4T-4T/e3。オブジェクトの周りの縦方向の余白をピクセル単位で指定します。
align=alignH4T/e3/N4。周りのテキストとの位置関係を、abcbottomabsmiddlebaselinebottomcenterleftmiddlerighttexttopのいずれかで指定します。HTML4.0ではbottom, middle, topのみが定義されています。
【データバインド関連属性】
属性意味
datasrc=datasrce4。データバインド機能を用いる際の、データソースの ID を指定します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

Flashを張りつける

Flash を張り付けるには次のようにします。

<object data="sample.swf" type="application/x-shockwave-flash">
 <param name="foo" value="var">
</object>

画像を張りつける

下記のようにして画像オブジェクトを張りつけることができます。

<object data="xxx.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>

RealMedia のコントロールを張りつける

RealNetworks 社の RealMedia を再生するコントロールを張りつけます。<object> 未サポートのブラウザのために、内部で <embed> による呼び出しも記述しています。

<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 には次のようなものがあります。

説明classid
Windows Media Player22D6F312-B0F6-11D0-94AB-0080C74C7E95
RealMediaCFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA
QuickTime02BF25D5-8C17-4B23-BC80-D3488ABDDC6B
YAMAHA MIDPLUGB0C207A3-42EE-11D0-9DB3-00805F8A73C5
Crescendo0FC6BF2B-E16A-11CF-AB2E-0080AD08A326
FlashD27CDB6E-AE6D-11cf-96B8-444553540000
Shockwave166B1BCA-3F9C-11CF-8075-444553540000
Java8AD9C840-044E-11D1-B3E9-00805F499D93
JavaCAFEEFAC-0013-0001-0000-ABCDEFFEDCBA
データバインド333C7BC4-460F-11D0-BC04-0080C7055A83
Active X333C7BC4-460F-11D0-BC04-0080C7055A83
Microsoft NetShow2179C5D3-EBFF-11CF-B6FD-00AA00B4E220
VRML90A7533D-88FE-11D0-9DBE-0000C0411FC3

関連項目

<applet><bgsound><embed><param>

Copyright (C) 2000-2015 杜甫々
初版:2000年10月9日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/object.htm