外部アセットを読み込むためのobject要素
<object>……</object>

　object要素は「generic embedded object」の略で、FlashのSWFファイル、Javaアプレット、画像、動画といった外部アセットを読み込む際に使い、インライン要素･ブロック要素の両方を内包できます。

　後方互換性を確保するため、embedタグとセットでマークアップされることがよく知られています。しかし、将来的にHTMLの仕様では、embed要素が廃止される予定にあり、objectタグとInternet Explorer独自の「コンディショナルコメント」を使ったマークアップ方法が最近ではよく使われています。

例

<html>

    <head>

    <title>object要素</title>

    </head>

    <body>

    

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 

    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" 

    width="300" height="300" id="test" align="middle">

    <param name="allowScriptAccess" value="sameDomain" />

    <param name="allowFullScreen" value="false" />

    <param name="movie" value="test.swf" />

    <param name="quality" value="high" />

    <param name="bgcolor" value="#ffffff" />

    <embed src="test.swf" quality="high" bgcolor="#ffffff" width="300" height="300" name="test" align="middle" 

    allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_jp" />

    </object>

    

    </body>

    </html>

DOMでの参照方法

[window.]document.getElementById（"【ID属性値名】"）

オプション属性

属性	値	機能	入力例	DOM参照
declare	"declare"	オブジェクトの宣言だけで、 Webブラウザへの読み込み処理を保留する	`<object classid="D27CDB6E-AE6D-11cf-96B8-444553540000" declare> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.declare`
classid	URL	Webブラウザに読み込ませたいオブジェクトへのURLを指定（※1）	`<object classid="D27CDB6E-AE6D-11cf-96B8-444553540000"> </object>`	`[window.]document.【ID属性値名】.classid`
codebase	URL	オブジェクトを取得する際に基準となるベースURL を指定	`<object classid="sampleapp.class" codebase="http://www.example.com/classes/"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.codebase`
data	URL	埋め込むデータファイルのURLを指定。 img要素のsrc属性に似た属性	`<object data="promotion.mpeg" type="application/mpeg"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.data`
type	MIMEタイプ	date属性で指定したデータのMIMEタイプを指定（※2）	`<object data="promotion.mpeg" type="application/mpeg"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.type`
codetype	MIMEタイプ	type属性とほぼ同じだが、 codetype属性ではプログラムのコードタイプが指定される（※2）	`<object classid="superapp.class" "codetype="application/java"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.codetype`
archive	URL	1つ、または複数のデータ（※3）にまとめたアーカイブファイルを読み込む際に使う	`<object archive="sample.jar"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.archive`
standby	文字列	Webブラウザがオブジェクトを読み込んでいる間のメッセージを表示	`<object classid="83A38BF0-B33A-A4FF-C619A82E891D" height="300" width="300" standby="Now Loading..."> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.standby`
height	整数（pixels）、または、パーセンテージ値（％）	オブジェクトを表示するときの高さを指定	`<object data="sample.png" height="100" width="200"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.height`
width	整数（pixels）、または、パーセンテージ値（％）	オブジェクトを表示するときの横幅を指定	`<object data="sample.png" height="100" width="200"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.width`
usemap	イメージマップ名	map要素で作成するクライアント側イメージマップとの関連付けを行う際に指定	`<object data="sample.jpg" type="image/jpeg" alt="Sample1 Photo" usemap="#sample1"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.usemap`
name	文字列	オブジェクトに任意の名前を付ける	`<object name="obj1" classid="clsid:83A38BF0-B33A-A4FF-C619A82E891D">> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.name`
tabindex	整数値	［Tab］キーを押すことでアクティブにするオブジェクトの順番を指定	`<object tabindex="2" data="sample.jpg" width="100" height="150"> </object>`	`[window.]document.getElementById（"【ID属性値名】"）.tabindex`

※1：例として
- Javaアプレット
  classファイル（.class）を「classid="java:△△△.class"」といった形式で
- ActiveXコントロール
  クラスIDを「classid="clsid:○○○"」といった形式で
  ●よく使われるActiveXコントロールのクラスID
  - Windows Media Player（バージョン7以上）
    clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6
  - Flash
    clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
  - RealPlayer
    clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA
  - QuickTime
    classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6
※2：MIMEタイプ一覧は「IANA | MIME Media Types」をご参照ください
※3：例として
- Javaの場合：JARファイル
- ActiveXコントロールの場合：CABファイル

追加が可能なイベントハンドラ属性

onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

HTMLタグリファレンスインデックス

有限会社タグパンダ
喜安亮介

3/6

INDEX
Web標準HTMLタグリファレンス（6）画像や動画をサイトに表示させる正しいXHTMLタグ画像・動画
	img 画像を読み込むためのimg要素
	object 外部アセットを読み込むためのobject要素
	param パラメータを指定するparam要素
	map クライアント側イメージマップを作成するmap要素
	area イメージマップを定義した場所とリンク先を指定するarea要素

TechTargetジャパン

リッチクライアント & 帳票フォーラム新着記事

次のモバイルアプリはどのフレームワークで作る？ （2012/5/24）
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する
「LESS＆専用エディター」でCSSをシンプルに書こう （2012/5/23）
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう
学校が世界一のデジタル環境になったら （2012/5/18）
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない
1000万ドル調達も夢じゃないクラウドファウンディング （2012/5/15）
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード

＠IT 新着記事

キャリアアップ

デザインハック

- PR -

＠IT Sepcial

＠IT Special ヘ

イベントカレンダー

PickUpイベント

- PR -

アクセスランキング

ニュース一覧へ

お勧め求人情報

転職／派遣情報を探す

エンジニアの求人情報、ただいま増加中
【転職サーチ】SIer／Web企業／新規事業
スマホ開発で、あなたのキャリアを生かす

派遣エンジニアにお役立ちの仕事情報
「派遣・フリーで働くメリット」とは？
活躍する派遣エンジニアの本音

エンジニアのキャリア実現を応援します

ITトレメ「ビジネス基礎」シリーズ開始
「マナー＆コミュニケーション編」「法律・知財・債権管理編」

＊先週の人気講座ランキング＊
～ Android編～

ホワイトペーパー（TechTargetジャパン）

＠IT Sepcial

＠IT Special ヘ

ソリューションFLASH

＠ITトップ｜会議室｜利用規約｜プライバシーポリシー｜サイトマップ

Copyright(c) 2000-2012 ITmedia Inc.
著作権はアイティメディア株式会社またはその記事の筆者に属します。（著作権について）
当サイトに掲載されている記事や画像などの無断転載を禁止します。
「＠IT」「＠IT自分戦略研究所」「＠IT情報マネジメント」「JOB＠IT」「＠ITハイブックス」「＠IT MONOist」「ITmedia」「誠」は、アイティメディア株式会社の登録商標です。
当サイトに関するお問い合わせは「＠ITへのお問い合わせ」をご覧ください。

外部アセットを読み込むためのobject要素 <object>……</object>

例