<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
# the-object-element

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
object
archive
Deprecated
border
Deprecated
classid
Deprecated
codebase
Deprecated
codetype
Deprecated
data
declare
Deprecated
form
height
name
standby
Deprecated
type
usemap
Deprecated
width

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

関連情報