<embed>：嵌入外部內容元素
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
<embed> HTML 元素用於在文件中指定的位置嵌入外部內容。這個內容是由外部應用程序或其他互動內容來源（如瀏覽器插件）提供的。
嘗試一下
<embed
type="video/mp4"
src="/shared-assets/videos/flower.mp4"
width="250"
height="200" />
備註： 本主題僅記錄了作為 HTML Living Standard 一部分所定義的元素。它不涉及元素的早期、非標準化實現。
請注意，大多數現代瀏覽器已經停用並移除了對瀏覽器插件的支援，因此如果你希望你的網站在普通用戶的瀏覽器上能夠正常運作，依賴 <embed> 是不明智的。
屬性
該元素的屬性包括全域屬性。
使用注意事項
你可以使用 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 角色 |
application、document、img、none、presentation
|
| DOM 介面 | HTMLEmbedElement |
規範
| Specification |
|---|
| HTML # the-embed-element |
瀏覽器相容性
Loading…
參見
- 用於嵌入各種類型內容的其他元素包括
<audio>、<canvas>、<iframe>、<img>、<math>、<object>、<svg>和<video>。 - 在其框架內定位和調整嵌入內容的大小：
object-position和object-fit