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.com/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>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
embed
html_tags_reference.htm
广告