HTML <embed> 埋め込み外部コンテンツ要素
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
<embed> は HTML の要素で、外部のコンテンツを文書中の指定された場所に埋め込みます。コンテンツは外部アプリケーションや、対話型コンテンツの他の出所（ブラウザーのプラグインなど）によって提供されます。
試してみましょう
<embed
type="image/jpeg"
src="/shared-assets/images/examples/flowers.jpg"
width="250"
height="200" />
メモ: 本文書は、HTML Living Standard の一部として定義された要素についてのみ記載します。以前の標準化されていない要素の実装については扱いません。
最近のほとんどのブラウザーは、ブラウザーのプラグインの対応を非推奨にして削除しているため、サイトを平均的なユーザーのブラウザーで操作できるようにしたいのであれば、 <embed> に頼ることは賢明ではないということを意識しておいてください。
属性
この要素にはグローバル属性があります。
使用上のメモ
object-position プロパティを使用して、要素のフレーム内の埋め込みオブジェクトの位置を調整することができます。
メモ:
object-fit プロパティは <embed> 要素では効果がありません。
アクセシビリティ
embed 要素の title 属性を使用して、そのコンテンツにラベルを付け、スクリーンリーダーなどの支援技術を使用して操作するユーザーが、その内容を確認できるようにしてください。タイトルの値は、埋め込まれたコンテンツを簡潔に説明するものでなければなりません。タイトルがない場合、ユーザーは埋め込まれたコンテンツが何であるかを判断できない可能性があります。特に embed 要素に動画や音声などの対話型コンテンツが含まれている場合、この文脈の突然の切り替えは混乱を招き、時間を要することになります。
例
html
<embed
type="video/quicktime"
src="movie.mov"
width="640"
height="480"
title="動画のタイトル" />
技術的概要
| コンテンツカテゴリー | フローコンテンツ、記述コンテンツ、埋め込みコンテンツ、対話型コンテンツ、知覚可能コンテンツ |
|---|---|
| 許可されている内容 | なし。これは空要素です。 |
| タグの省略 | 開始タグは必須。終了タグを記述してはならない。 |
| 許可されている親要素 | 埋め込みコンテンツを受け入れるすべての要素。 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール |
application, document,
img, none,
presentation
|
| DOM インターフェイス | HTMLEmbedElement |
仕様書
| 仕様書 |
|---|
| HTML # the-embed-element |
ブラウザーの互換性
関連情報
- 様々な種類のコンテンツの埋め込みのために使用されるその他の要素:
<audio>,<canvas>,<iframe>,<img>,<math>,<object>,<svg>,<video> - フレーム内での埋め込みコンテンツの位置や寸法の設定:
object-positionおよびobject-fit