Widely available すべての主要ブラウザで対応済み。安心して使用可能。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
1
12
1
≤4
18
≤3.2
HTML 属性
height
1
12
1
≤4
18
≤3.2
src
1
12
1
≤4
18
≤3.2
type
1
79
1
≤4
18
≤3.2
width
1
12
1
≤4
18
≤3.2
DOM API

HTMLEmbedElement インターフェイスは、(継承によって使用できる通常の HTMLElement インターフェイスのものに加えて) embed 要素を操作するための特別なプロパティを提供します。

1
12
1
3
18
1

HTMLEmbedElement インターフェースの getSVGDocument() メソッドは埋め込まれた SVG の Document オブジェクトを返す。

1
12
1.5
3
18
1

HTMLEmbedElement インターフェースの height プロパティは、 embed 要素の height 属性を反映した文字列を返し、リソースの表示高さを CSS ピクセルで示します。

1
12
1
3
18
1

HTMLEmbedElement インターフェイスの src プロパティは、埋め込まれるリソースの URL を示す文字列を返します。

1
12
1
3
18
1

HTMLEmbedElement インターフェースの type プロパティは、 embed 要素の type 属性を反映した文字列を返し、リソースの MIME タイプを示します。これは embed 要素の type 属性を反映します。

1
79
1
3
18
1

HTMLEmbedElement インターフェースの width プロパティは、埋め込み要素の width 属性を反映した文字列を返し、リソースの表示幅を CSS ピクセルで示します。

1
12
1
3
18
1
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
実装メモ
  • Chrome 58から、このインターフェイスは関数として呼び出せなくなった。
注釈 1件
実装メモ
  • Chrome Android 58から、このインターフェイスは関数として呼び出せなくなった。

基本構文

HTML
<embed src="document.pdf" type="application/pdf"
  width="600" height="400">

実務での使いどころ

  • <embed> の活用

    <embed> は HTML の要素で、外部のコンテンツを文書中の指定された場所に埋め込みます。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。