<embed>:嵌入外部內容元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

<embed> HTML 元素用於在文件中指定的位置嵌入外部內容。這個內容是由外部應用程序或其他互動內容來源(如瀏覽器插件)提供的。

嘗試一下

備註: 本主題僅記錄了作為 HTML Living Standard 一部分所定義的元素。它不涉及元素的早期、非標準化實現。

請注意,大多數現代瀏覽器已經停用並移除了對瀏覽器插件的支援,因此如果你希望你的網站在普通用戶的瀏覽器上能夠正常運作,依賴 <embed> 是不明智的。

屬性

該元素的屬性包括全域屬性

height

資源的顯示高度,單位為 CSS 像素。這必須是一個絕對值;不允許百分比。

src

被嵌入資源的 URL。

type

用於選擇要實例化的插件的 MIME 類型

width

資源的顯示寬度,單位為 CSS 像素。這必須是一個絕對值;不允許百分比。

使用注意事項

你可以使用 object-position 屬性來調整嵌入對象在元素框中的位置,並使用 object-fit 屬性來控制對象大小如何調整以適應元素框。

範例

html
<embed
  type="video/quicktime"
  src="movie.mov"
  width="640"
  height="480"
  title="Title of my video" />

無障礙議題

embed 元素上使用 title 屬性 來標記其內容,以便使用輔助技術(如螢幕閱讀器)導航的人能夠理解其內容。標題的值應該簡要描述嵌入內容。如果沒有標題,他們可能無法確定其嵌入內容是什麼。這種上下文轉換可能令人困惑且耗時,特別是如果 embed 元素包含像視頻或音頻這樣的互動內容。

技術摘要

內容類型 流內容段落型內容嵌入型內容互動型內容捫及內容
允許的內容 無,它是一個置空元素
標籤省略 必須有開始標籤,不能有結束標籤。
允許的父元素 任何接受嵌入內容的元素。
隱含的 ARIA 角色 沒有相對應的角色
允許的 ARIA 角色 applicationdocumentimgnonepresentation
DOM 介面 HTMLEmbedElement

規範

Specification
HTML
# the-embed-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
embed
align
Deprecated
height
name
Deprecated
src
type
width

Legend

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

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

參見