1. 開発者向けのウェブ技術
  2. HTML
  3. リファレンス
  4. 要素
  5. <embed>

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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> に頼ることは賢明ではないということを意識しておいてください。

属性

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

height

このリソースを表示する高さを CSS ピクセル値で示します。絶対的な値でなければなりません。パーセント値は使用できません。

src

埋め込むリソースの URL を示します。

type

インスタンス化するプラグインを選択するために使用する MIME タイプ。

width

このリソースを表示する幅を CSS ピクセル値で示します。絶対的な値でなければなりません。パーセント値は使用できません。

使用上のメモ

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

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告