embed标签在2026年已基本失效，因npapi插件机制被所有主流浏览器彻底移除，导致src指向音视频等资源时静默空白、无报错、无fallback，且不支持现代安全属性与类型识别。
别用了。embed 标签在 2026 年已基本失效，它依赖的 NPAPI 插件机制被所有主流浏览器彻底移除，写了也大概率不渲染、不报错、只留空白。
为什么 embed src="video.mp4" 什么也不显示
浏览器根本不会尝试用 embed 解码 MP4 或 WebM —— 它只认插件，而插件不存在。即使你写对了 type="video/mp4"，现代浏览器也完全忽略该值，既不加载播放器，也不 fallback。控制台常见静默失败，或报 net::ERR_BLOCKED_BY_CLIENT（插件被策略拦截），但不会告诉你问题出在 embed 上。
-
embed没有备用内容机制，无法像<object></object>那样写内部文本 fallback - 移动端（iOS/Android）所有主流浏览器从不支持
embed调用任何插件，包括 PDF、SVG 动画、甚至纯 HTML 片段 -
width和height属性虽能生效，但内容区域仍是空的——尺寸有了，内容没了 -
autostart、loop、flashvars这些属性在 HTML5 中无定义，浏览器直接忽略
哪些 type 值现在还可能“偶然”工作
极少数场景下，部分桌面浏览器（如旧版 Firefox ESR 或定制 Chromium 内核）对特定 MIME 类型仍有残余识别能力，但绝不可用于生产环境：
-
type="image/svg+xml"：仅当 SVG 是内联或服务端返回正确Content-Type时，个别浏览器会渲染，但无交互、无 JS 执行上下文 -
type="text/html"：某些 Electron 应用或本地file://协议下可能加载snippet.html，但跨域、CSP、base URL 全部错乱 -
type="application/pdf"：Chrome 可能触发下载而非嵌入；Safari 更倾向拒绝，且不触发load事件，无法监听状态
type="application/x-shockwave-flash"、type="audio/mpeg"、type="video/x-ms-wmv" 这些值现在纯粹是历史遗迹，写上去等于没写。
该用什么代替 embed
音视频统一用语义化原生标签，不依赖插件、无障碍友好、可 JS 控制：
- 音频 → 改用
<audio></audio>标签：<audio controls src="demo.mp3"></audio> - 视频 → 改用
<video></video>标签：<video width="640" height="360" controls src="demo.mp4"></video> - PDF → 优先用
<iframe></iframe>：<iframe src="doc.pdf" width="100%" height="600"></iframe>；更稳妥用<object></object>，Safari 对它加载 PDF 更稳定
注意：<object></object> 必须写 fallback 文本，比如 <object data="doc.pdf" type="application/pdf">PDF not supported</object>；Chrome 有时会强制下载 PDF，加响应头 Content-Disposition: inline 可修复。
真正麻烦的不是怎么写 embed，而是它不报错也不提示——你得靠经验判断“这片空白是不是因为 embed 失效”。只要页面里出现预期外的空白容器，先查有没有 embed，再删掉重写成 <audio></audio>、<video></video> 或 <iframe></iframe>。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
