尝试一下
<embed
type="image/jpeg"
src="/shared-assets/images/examples/flowers.jpg"
width="250"
height="200" />
备注：本文仅记录作为 HTML 动态标准一部分所定义的元素，不涉及该元素早期的非标准化实现。
请注意，大多数现代浏览器已弃用并移除了对浏览器插件的支持，因此若希望站点能在普通用户的浏览器中正常使用，通常不宜依赖 <embed>。
属性
此元素的属性包括全局属性。
使用说明
可以使用 object-position 属性调整嵌入对象在元素框架内的定位。
备注：object-fit 属性对 <embed> 元素无效。
无障碍
在 embed 元素上使用 title 属性为其内容添加标签，以便使用屏幕阅读器等辅助技术浏览的人能够理解其中包含的内容。title 的值应简洁描述所嵌入的内容。若没有标题，他们可能无法判断嵌入内容是什么。这种上下文切换可能令人困惑且耗时，尤其是在 embed 元素包含视频或音频等交互内容时。
示例
html
<embed
type="video/quicktime"
src="movie.mov"
width="640"
height="480"
title="我的视频标题" />
技术概要
| 内容类别 | 流式内容、短语内容、嵌入内容、交互内容、可感知内容。 |
|---|---|
| 允许的内容 | 无；这是一个空元素。 |
| 标签省略 | 必须有开始标签，且不能有结束标签。 |
| 允许的父元素 | 接受嵌入内容的任何元素。 |
| 隐式 ARIA 角色 | 无对应角色 |
| 允许的 ARIA 角色 |
application、document、img、none、presentation
|
| DOM 接口 | HTMLEmbedElement |
规范
| 规范 |
|---|
| HTML # the-embed-element |
浏览器兼容性
参见
- 用于嵌入各类内容的其他元素包括
<audio>、<canvas>、<iframe>、<img>、<math>、<object>、<svg>和<video>。 - 在框架内定位与调整嵌入内容的尺寸：
object-position和object-fit