object标签无法嵌入3d模型，因浏览器已移除插件接口且未支持model/gltf等mime类型；唯一可行方案是使用three.js、model-viewer等js渲染库。
object 标签不能可靠嵌入 3D 模型文件。 它不支持 glTF、USDZ、OBJ 等任何主流 3D 格式，也没有浏览器实现过对这些格式的原生 type 解析能力。强行用 <object data="model.glb" type="model/gltf"></object> 这类写法，结果只有 fallback 内容显示——不是你配置错了，是浏览器根本没这个功能。
为什么 object 标签对 3D 模型完全失效
HTML 的 object 依赖浏览器内置插件或 MIME 类型映射来渲染内容，而所有现代浏览器早已移除 NPAPI/PPAPI 插件接口（Flash、Java、QuickTime 全面废弃），且从未为 3D 模型注册过标准 type。你查不到任何浏览器文档支持 model/gltf、model/vnd.usdz 或类似值——它们不是合法 MIME 类型，也不会触发任何渲染逻辑。
- Chrome/Firefox/Safari 对
type="model/gltf"或type="application/octet-stream"一律视为未知类型，直接跳过加载，只渲染 fallback - 即使服务端返回正确 Content-Type（比如
application/octet-stream），浏览器也只会把它当二进制 blob 处理，不会交给 WebGL 渲染器 -
<param>在这里毫无意义：没有插件宿主，参数无处可传 - 本地开发用
file://协议时，多数浏览器会直接拒绝加载，连 fallback 都可能不触发
真正能用的 3D 嵌入方式只有 JavaScript 渲染库
所有可行方案都绕不开 JS 执行 WebGL 渲染：Three.js、model-viewer、Babylon.js 是当前事实标准。它们本质是创建 <canvas></canvas>，再用 GPU 绘制模型，和 object 的插件机制完全无关。
- 用
model-viewer：引入脚本后直接写<model-viewer src="scene.glb" camera-controls></model-viewer>，它内部就是用 Three.js 封装的 Web Component - 用
Three.js：必须手动初始化WebGLRenderer、PerspectiveCamera、Scene，再通过GLTFLoader加载.glb文件 - 别碰
.obj + .mtl：加载需额外处理纹理路径、法线、材质，初学者 90% 卡在黑屏或白模，.glb（单文件二进制）才是唯一推荐起点 - 移动端 AR 支持只能靠
model-viewer的ar属性或Three.js + WebXR手写，object连基础旋转都做不到
object 标签现在还能用在哪
它目前唯一稳定可用的场景是 PDF 嵌入，前提是满足三个硬性条件：data 可访问、服务端响应头为 Content-Type: application/pdf、type="application/pdf"。其他用途如 SVG 嵌入虽语法合法，但存在 contentDocument 跨域限制、缩放失真、内部 JS 无法调用等问题；图像/音视频请直接用 <img>、<video></video> —— 更语义化、更轻量、无兼容风险。
想让 3D 模型动起来，就得接受它不是“插入资源”，而是“运行一段图形程序”。object 标签在这条路上已经彻底退出历史舞台，继续尝试只会浪费调试时间。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
