embed标签已不推荐使用，因其依赖的npapi插件架构被主流浏览器全面移除，导致内容常空白或报错；应改用audio、video、iframe或object等现代语义化标签替代。
embed 标签在现代 HTML 中基本不可靠，不建议新项目使用。它依赖浏览器插件（如 Flash、QuickTime），而这些插件已被 Chrome、Firefox、Edge 等主流浏览器全面禁用或移除。哪怕写对了所有属性，99% 的情况是空白、报错或直接静默失败。
embed 为什么经常不显示内容
- 浏览器已彻底停用 NPAPI 插件架构（2015 年起逐步淘汰，2021 年后全系移除），
embed失去运行基础 -
type="application/x-shockwave-flash"这类 MIME 类型现在会被忽略，控制台常报Failed to load resource: net::ERR_BLOCKED_BY_CLIENT或net::ERR_UNKNOWN_URL_SCHEME - 移动端 Safari、Chrome for iOS 完全不支持
embed播放任何插件类资源（包括 PDF、SWF、WMV） - 即使是本地开发时能“偶然”看到内容，也仅因旧版 Electron 或调试模式残留行为，不具备可部署性
替代方案：该用什么代替 embed
-
音频 → 改用
<audio></audio>标签<audio controls src="music.mp3"></audio>
支持 MP3、WAV、OGG，无需插件，原生控件、无障碍友好、可 JS 控制 -
视频 → 改用
<video></video>标签<video width="640" height="360" controls src="demo.mp4"></video>
自动 fallback 到 poster 图 + 提示文案，支持preload、autoplay（需muted）、playsinline（iOS） -
PDF → 改用
<iframe></iframe>或<object></object><iframe src="doc.pdf" width="100%" height="600"></iframe>
或更稳妥的：<object data="doc.pdf" type="application/pdf" width="800" height="600">PDF not supported</object>
注意：Safari 对object加载 PDF 更稳定；Chrome 有时会强制下载，加Content-Disposition: inline响应头可修复 Flash 动画（历史遗留）→ 必须迁移至 Canvas/WebGL/JS 动画，或用 Ruffle 模拟器（需额外引入 JS 库）
如果必须兼容老系统，embed 的最小可用写法
仅限内网环境、IE11 或定制 Chromium 内核场景，且确认目标环境仍启用 Flash：
- 必须同时提供
src、type、width、height -
type必须严格匹配插件注册的 MIME 类型（如application/x-shockwave-flash） - 可加
flashvars传参，但参数名和值需 URL 编码 -
不要依赖
autostart、loop、volume等非标准属性 —— 它们在 HTML5 中无定义，各浏览器实现不一，多数被忽略
示例（仅作存档参考）：
@@@###@@@
embed 的核心问题是它把渲染逻辑完全交给外部插件，而现代 Web 的安全模型不允许这种失控行为。真正容易被忽略的不是怎么写对标签，而是没意识到：只要页面里还留着 embed，就等于默认放弃了 2020 年以后的所有浏览器更新红利。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
