HTML - <embed> 標籤

HTML <embed> 標籤用作外部應用程式、多媒體和瀏覽器不理解的互動式內容的容器。

為了正確顯示，必須附加特殊的程式或外部外掛。檔案型別、<embed> 標籤的屬性和已安裝的瀏覽器外掛都會影響嵌入內容的顯示方式。

儘管 HTML5 新新增的 <audio> 和 <video> 元素專門用於在 HTML 文件中嵌入多媒體，但 <embed> 元素也可用於包含第三方應用程式和多媒體內容。

語法

<embed src=" " ></embed>

屬性

HTML embed 標籤支援 HTML 的全域性和事件屬性。也接受一些特定的屬性，如下所示。

屬性	值	描述
height	畫素	指定嵌入內容的高度。
src	URL	指定嵌入內容的 URL
type	MIME_type	指定嵌入內容的 MIME 型別
width	畫素	指定嵌入內容的寬度

HTML embed 標籤示例

下面的示例將演示 embed 標籤的使用方法、使用場景以及如何使用 embed 標籤嵌入影像、HTML 頁面、影片或音訊。

使用 embed 標籤嵌入影像

讓我們來看一個基本的示例，我們將把一個影像嵌入到網頁中。我們建議您使用<img>標籤來顯示影像。

<!DOCTYPE html>
<html>
<body>
   <embed src=
"https://tutorialspoint.tw/cg/images/logo.png"
          height="30" width="200">
   </embed>
</body>
</html>

使用 embed 標籤嵌入音訊

以下是一個示例，我們將使用 HTML <embed> 標籤在頁面上放置音訊。我們建議您使用<audio>標籤來顯示音訊。

<!DOCTYPE html>
<html>
<body>
   <embed type="audio/mpeg" 
          src=
"https://samplelib.com/lib/preview/mp3/sample-3s.mp3">
</body>
</html>

使用 embed 標籤嵌入影片

考慮另一個場景，我們將使用 HTML <embed> 標籤嵌入影片。我們建議您使用<video>標籤來顯示影片。

<!DOCTYPE html>
<html>
<body>
   <embed type="video/webm" 
          src=
"https://www.youtube.com/embed/9ZXZFVZviK4?si=D04mP_FPlyQTl6tL"
          width="400" height="300">
</body>
</html>

使用 embed 標籤嵌入 HTML 頁面

考慮另一個場景，我們將使用 HTML <embed> 標籤嵌入 HTML 頁面。我們建議您使用<iframe>標籤來顯示 HTML 頁面。

<!DOCTYPE html>
<html>
<body>
   <embed type="text/html" src="/index.htm" width="500" height="200">
</body>
</html>

支援的瀏覽器

標籤
embed	是	是	是	是	是

html_tags_reference.htm

列印頁面