根本原因是video未显式暂停，layer.close()后DOM已销毁导致pause()失效；正确做法是在beforeClose回调中通过layero.find('video')[0].pause()提前暂停并重置currentTime。
关闭 layui 弹出层后视频还在播声音，根本原因不是 layer 本身没销毁 dom，而是 video 元素的 play() 调用未被显式中断，且浏览器对自动播放策略限制导致 pause() 失效或未执行。
layer.close() 后 video.pause() 没生效的常见原因
很多人在 end 回调里写 document.getElementById('myVideo').pause()，但实际无效——因为弹窗 DOM 已被移除，document.getElementById 找不到元素；或者 video 是动态插入、ID 重复、或被 v-if（Vue 场景）提前销毁，导致 pause 调用时机错乱。
-
end是 DOM 完全移除后的回调，此时video元素已不存在，直接查document必然失败 - 若用
content: $('#videoContainer')方式传入，Layui 会把原 DOM 移动到 layer 内，但关闭时不会自动还原，需手动处理 - 在 Vue 项目中混用
v-if和 layer.open，容易造成生命周期错位：DOM 销毁早于pause()调用
正确做法：在 close 前主动暂停并清理引用
必须在 DOM 还存在、且用户触发关闭动作的第一时间暂停视频，不能等到 end。推荐使用 beforeClose 或 cancel 回调，它们都在 DOM 销毁前执行。
-
beforeClose最稳妥：它拦截所有关闭方式（点×、Esc、调用layer.close()），且 DOM 尚在，可安全操作video - 获取视频元素要通过
layero.find('video')，不是document.querySelector—— 因为 video 在 layero 容器内 - 调用
pause()后建议再设currentTime = 0，防止下次打开从中间开始播 - 示例：
layer.open({<br> type: 1,<br> content: '<video id="layer-video" src="a.mp4" controls></video>',<br> beforeClose: function(index, layero){<br> const video = layero.find('video')[0];<br> if(video && !video.paused){<br> video.pause();<br> video.currentTime = 0;<br> }<br> }<br>});
Vue + Vant 场景下特别注意 v-if 和 $nextTick
如果你在 Vue 里用 <van-popup> 包裹 <video>，又同时用 layer.open 混合渲染，极易冲突。真实问题是：v-if 控制显示时，DOM 销毁发生在 Vue 更新队列，而 layer 的 close 是同步 JS 操作，两者不同步。
- 不要依赖
v-if="isShow"控制 video 存在与否——它会让pause()找不到目标 - 改用
v-show配合手动pause()，确保 DOM 始终存在 - 若必须用
v-if，则pause()必须在isShow = false之前调用，并加this.$nextTick确保 DOM 还没被 Vue 清理 - 错误写法：
handleClose(){ this.isShow = false; document.getElementById('v').pause(); }→ pause 在 DOM 销毁后执行 - 正确写法：
handleClose(){<br> const video = document.getElementById('v');<br> if(video) video.pause();<br> this.isShow = false;<br>}
iframe 层里嵌 video 怎么停声音
iframe 是独立上下文，父页无法直接控制子页的 video。layer 的 beforeClose 对 iframe 内容无效，因为 iframe 的 DOM 不在 layero 下。
- 唯一可靠路径：父页在
beforeClose中向 iframe 发送postMessage，子页监听并主动pause() - 子页需确保监听逻辑在
DOMContentLoaded后注册，且不被框架生命周期覆盖 - iframe 页面内不能依赖
autoplay，必须等父页发消息才play()，否则静音策略下会失败 - 示例父页：
beforeClose: function(index, layero){<br> const iframe = layero.find('iframe')[0];<br> if(iframe?.contentWindow) {<br> iframe.contentWindow.postMessage('pause-video', '*');<br> }<br>}
最易被忽略的一点：即使写了 pause()，如果视频源是流媒体（如 HLS、flv.js），单纯调用 pause() 可能不终止网络请求和解码，需额外调用播放器实例的 destroy() 或 unload() 方法。Layui 本身不处理这个层级，得由你引入的播放器库负责。
