HTML - embed 标签_HTML 菜鸟教程

HTML <embed>标签用作浏览器无法理解的外部应用程序、多媒体和交互式内容的容器。

为了正确显示，必须附加特殊程序或外部插件。文件类型、<embed> 标签的属性以及安装的浏览器插件都会影响嵌入内容的显示方式。

尽管 HTML5 新添加的 <audio> 和 <video> 元素专门用于在 HTML 文档中嵌入多媒体，但 <embed> 元素可用于合并第三方应用程序和多媒体内容。

语法


<embed src=" " ></embed>

属性

属性	值	描述
height	pixels	指定嵌入内容的高度。
src	URL	指定嵌入内容的 URL
type	MIME_type	指定嵌入内容的 MIME 类型
width	pixels	指定嵌入内容的宽度

<embed> 标签示例

下面的示例将说明<embed> 标签的用法。在哪里、何时以及如何使用<embed> 标签来嵌入图像、html 页面、视频或音频。

使用 <embed> 标签嵌入图像

让我们看一下我们要在网页上嵌入图像的基本示例。我们建议您使用 <img> 标签来显示图片。


<!DOCTYPE html>
<html>
<body>
	 <embed src=
"https://www.qikepu.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.html" width="500" height="200">
</body>
</html>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - noscript 标签 HTML - object 标签 >>

语法

属性