不能，object标签的data属性无法动态加载多媒体；浏览器仅在元素首次插入dom时读取data值，后续修改无效，必须销毁旧元素并重建新object节点才能实现重载。
Object 标签的 data 属性到底能不能动态加载多媒体？
不能直接靠改 data 属性触发重载——这是最常踩的坑。浏览器对 <object></object> 的 data 属性变更不响应，哪怕你用 JavaScript 修改了它，已渲染的内容不会自动更新，也不会重新发起请求。
真正可行的方式是：销毁旧 <object></object> 元素，重建一个新元素并插入 DOM。不是“刷新属性”，而是“换人”。
-
data属性只在元素首次插入 DOM 时被读取一次，后续修改无效 - 即使配合
type（如"video/mp4"或"application/pdf"）设对了 MIME 类型，也不改变这一行为 - 部分旧版浏览器（IE）会尝试 reload，但行为不可靠，现代 Chrome/Firefox/Safari 均不支持
怎么安全替换 <object></object> 实现动态多媒体嵌入？
核心动作是 DOM 替换：生成新 <object></object>，设置好 data、type、width/height 等必要属性，再用 replaceChild() 或 insertBefore() 替掉旧节点。
注意：必须保留原容器引用，且新 <object></object> 要完整重建（包括子 <param> 元素），否则 Flash/旧插件类资源可能失败。
- 不要用
el.setAttribute('data', newUrl)—— 它不触发重载 - 要用
el.parentNode.replaceChild(newObj, el)，其中newObj是全新创建的document.createElement('object') - 如果原
<object></object>有内联<param>，必须手动复制到新元素中（newObj.appendChild(param.cloneNode(true))） - 为避免闪屏，可先将新
<object></object>设置style.display = 'none'，等load事件后再显示
常见多媒体类型下 data 的实际兼容表现
<object></object> 的 data 并非万能容器，不同资源类型依赖不同底层机制，有些根本走不通。
-
PDF：多数现代浏览器支持，但需服务端返回正确
Content-Type: application/pdf；Safari 对跨域 PDF 限制更严 -
MP4/WEBM 视频：不推荐走
<object></object>，应优先用<video></video>；<object></object>可能 fallback 到 QuickTime 插件（已淘汰），播放控制能力极弱 -
SVG 文件：支持良好，且支持内联脚本（若服务端未禁用），
data指向 SVG URL 即可 -
自定义 MIME 类型（如
application/x-unity）：高度依赖客户端是否安装对应插件，现代浏览器基本屏蔽，不建议用于新项目
为什么不用 <iframe></iframe> 或 <embed></embed>？它们和 data 有什么区别？
<iframe></iframe> 和 <embed></embed> 同样有 src / src 属性，但它们的动态更新行为更直观可靠：iframe.src = url 会立即触发新页面加载，embed.src 在大多数浏览器中也能重载资源。
而 <object></object> 的设计初衷是通用对象嵌入（含 ActiveX、Java Applet 等），其生命周期管理比 <iframe></iframe> 复杂得多，data 更像“初始入口”，不是运行时通道。
-
<iframe src="doc.pdf"></iframe>改src→ 立即加载新 PDF -
<embed src="vid.mp4"></embed>改src→ 多数情况下重播成功（但无标准保证） -
<object data="vid.mp4"></object>改data→ 静默失败，DOM 不变，Network 无新请求 - 如果必须用
<object></object>（比如要支持<param>传参给旧插件），就只能走重建路径
真正麻烦的不是写几行 JS 替换元素，而是得判断资源类型、处理 fallback、应对跨域限制、还要兼容老系统里那些依赖 <param> 的黑盒插件——这些细节一漏，data 就只是个摆设。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
