<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>

結果

must be provided

この例の動画が読み込めなかった場合、代替コンテンツとしてユーザーに画像が提供されます。画像を表示するために <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

関連情報