<object>: 外部オブジェクト要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<object>HTML の要素で、画像、内部の閲覧コンテキスト、プラグインによって扱われるリソースなどのように扱われる外部リソースを表します。

試してみましょう

属性

この要素にはグローバル属性があります。

archive 非推奨

オブジェクトのリソースの URI 群を、半角スペースで区切って指定します。

border 非推奨

コントロールの境界線の幅で、ピクセル単位です。

classid 非推奨

オブジェクトの実装の URI。 data 属性とともに、または data 属性の代替として用いることができます。

codebase 非推奨

classid 属性、data 属性、archive 属性で指定された相対 URI を解決するための基準パス。指定しない場合、既定値は現在の文書のベース URI となります。

codetype 非推奨

classid によって指定されたデータのコンテンツ型。

data

リソースのアドレスを有効な URL で指定。data 属性と type 属性のうち、少なくとも 1 つは定義しておく必要があります。

declare 非推奨

この論理属性は属性名を指定するだけで有効になります。オブジェクトは、後続する <object> 要素でインスタンス化しなければなりません。HTML5 ではリソースを再利用するごとに、完全な形の <object> 要素を繰り返し配置します。

form

このオブジェクト要素がフォームに関連付けられていれば、そのフォーム要素(フォームオーナー)。属性値は、同一文書内の <form> 要素の ID でなければなりません。

height

表示されるリソースの高さを CSS ピクセル数 で指定。(絶対値に限ります。パーセント値は不可)

name

有効な閲覧コンテキストの名前 (HTML5) またはコントロールの名前 (HTML 4)。

standby 非推奨

オブジェクトの実装とデータの読み込み中にブラウザーに表示することができるメッセージ。

type

data 属性によって指定されたリソースの コンテンツ型data 属性と type 属性のうち、少なくとも 1 つは定義しておく必要があります。

usemap

<map> 要素を参照するハッシュ名。 '#' の後に map 要素の name 属性を繋げた文字列を属性値として記述します。

width

表示されるリソースの幅を CSS ピクセル数 で指定。(絶対的な値に限ります。パーセンテージは不可

動画を埋め込む

HTML

html
<object
  type="video/mp4"
  data="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
  width="600"
  height="140">
  <img src="path/image.jpg" alt="useful image description" />
</object>

結果

この例の動画が読み込めなかった場合、代替コンテンツとしてユーザーに画像が提供されます。画像を表示するために <img> タグを使用しています。src 属性には埋め込みたい画像のパスを設定します。また、画像にアクセシビリティのある名前を提供するために alt 属性も記載しています。画像も読み込めなかった場合は、alt 属性のコンテンツが表示されます。

技術的概要

コンテンツカテゴリー フローコンテンツ記述コンテンツ埋め込みコンテンツ、知覚可能コンテンツ、要素が usemap 属性を持つ場合は 対話型コンテンツリスト化/送信可能フォーム関連要素
許可されている内容 0 個以上の <param> 要素とそれに続く 透過的コンテンツ
タグの省略 なし。開始タグと終了タグの両方が必須です。
許可されている親要素 埋め込みコンテンツを受け入れるすべての要素
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール application, document, img
DOM インターフェイス HTMLObjectElement

仕様書

Specification
HTML Standard
# the-object-element

ブラウザーの互換性

BCD tables only load in the browser

関連情報