hidden属性在<embed>或<object>中不生效是规范行为，因其属插件容器，DOM可见性无法穿透；应改用display:none或visibility:hidden等CSS方式控制。
为什么 hidden 属性在 <embed> 或 <object> 标签里不生效
直接给 <embed> 或 <object> 加 hidden 属性，浏览器通常无视它——这不是 bug，是规范行为。这些标签属于“插件容器”，其渲染和生命周期由宿主插件（如旧版 Flash、本地媒体解码器）控制，DOM 的可见性属性无法穿透到插件内部。
真正起作用的是 CSS 的 display: none 或 visibility: hidden，但要注意二者效果不同：
-
display: none：完全移出渲染流，插件可能暂停、释放资源，甚至重置播放状态 -
visibility: hidden：仍占布局空间，插件持续运行（音频可能照常播放）
<video> 和 <audio> 标签用 hidden 是安全的
现代 HTML5 媒体元素原生支持 hidden 属性，且语义明确、行为可靠。它等价于 display: none，会停止渲染、暂停播放（除非显式设置 preload="auto" 且已缓冲），并触发 pause 事件。
实操建议：
- 优先替换旧插件标签为
<video>，哪怕只播 MP4/WebM/MP3 - 若必须保留
<embed>（如调用本地 ActiveX 或 NPAPI 插件），改用内联样式：style="display:none" - 避免混用：
hidden+style="display:block"会导致不可预测行为
隐藏后还想后台继续播放？别依赖 hidden
HTML5 媒体元素设为 hidden 后，<audio> 在多数浏览器中会静音并暂停；<video> 则彻底停帧。想“隐藏界面但保持音频播放”，正确做法是：
- 用
opacity: 0+position: absolute将元素视觉隐藏但保留在文档流中 - 确保未设置
muted，且用户已与页面交互过（绕过自动播放策略） - 监听
play事件确认是否真在播放，某些浏览器对hidden元素会拒绝play()调用
错误示例：<audio hidden src="a.mp3" autoplay> —— 几乎必然失败，autoplay 被阻断，hidden 还加剧了限制。
旧插件（如 Flash）隐藏时的兼容性陷阱
如果还在维护遗留系统，用 <object> 嵌 Flash SWF，hidden 属性无效，CSS 隐藏也有坑：
- IE 下
display: none可能导致 Flash 实例销毁，再次显示时需重新加载 - Chrome 早已禁用 NPAPI，
<embed type="application/x-shockwave-flash">直接不加载 - 部分插件响应
visibility: hidden但不停止计时器或网络请求，造成内存泄漏
唯一稳妥方式：用 JS 控制插件暴露的 API（如 Flash 的 ExternalInterface）主动调用 stop() 或 unload()，再配合 CSS 隐藏容器。
真实场景中，hidden 属性只对标准 HTML 元素可靠；插件标签的“隐藏”本质是控制容器 + 协同插件自身状态，漏掉任一环都可能静音失效、资源不释放或重绘异常。
