embed标签在2026年仅pdf嵌入偶有残余支持，必须同时满足src为有效http/https路径、type="application/pdf"显式声明、width和height为具体值三个硬条件，否则静默失败或触发下载。
PDF 嵌入必须满足三个硬条件
缺一不可，否则页面空白或直接下载：
-
data指向的 PDF 文件必须能被浏览器直接 GET 到（不能 403/404，也不能被 CORS 阻断） - 服务器响应头必须包含
Content-Type: application/pdf（仅写type="application/pdf"不够） -
type属性值必须严格为application/pdf（pdf、text/pdf、空值都会 fallback）
示例：
<object data="report.pdf" type="application/pdf" width="100%" height="600px"> <p>无法显示 PDF，请 <a href="report.pdf">点击下载</a>。</p> </object>
Flash/Java/ActiveX 已彻底失效，别再试了
Chrome 45+、Firefox 52+、Edge 14+、Safari 12+ 全面移除了 NPAPI 和 ActiveX 插件接口——不是“不推荐”，是底层代码已被物理删除。
你写这样的代码：
<object data="anim.swf" type="application/x-shockwave-flash"> <param name="movie" value="anim.swf"> <p>请安装 Flash</p> </object>
结果只会是：控制台无报错、network 面板看不到请求、页面留白。这不是兼容性问题，是功能已不存在。
替代方案明确：<video></video> 替 Flash 动画，<iframe></iframe> 或 PDF.js 替 Java Applet 控件，<embed></embed> + src 已无实际价值。
传参必须用 ，且位置和大小写敏感
即使在 PDF 场景外（比如旧系统内网 IE），只要还依赖 <object></object>，参数就只能靠 <param> 传，且：
-
<param>必须嵌套在<object></object>开始与结束标签之间，放外面无效 -
name值必须与插件文档完全一致（flashvars≠FlashVars≠FLASHVARS） -
value含&、=、中文时，必须用encodeURIComponent()编码（服务端或构建时处理）
错误写法：<object data="player.swf" flashvars="auto=1&lang=zh"></object> → 参数被忽略
正确写法：
<object data="player.swf" type="application/x-shockwave-flash"> <param name="flashvars" value="auto=1&lang=zh"></object>
宽高控制建议用 CSS，避免响应式失效
width 和 height 属性在现代布局中极易出问题：
- 设
width="100%"在 flex 容器里可能被忽略 - 设像素值（如
width="800"）在移动端会溢出 - 部分浏览器对
height="100%"要求父容器有明确高度
更可靠的做法是用 style：
<object data="doc.pdf" type="application/pdf" style="width:100%; height:600px;"> <p>PDF 加载失败</p> </object>
注意：style 中的 height 仍需具体数值（百分比在多数情况下不生效），这是 <object></object> 渲染机制决定的，不是 bug。
<object></object> 嵌套（老式兼容写法）在现代浏览器中反而会触发多次请求或静默失败——现在只用一层，配好 type 和 data，再加一段 <p></p> 就够了。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
