layer.open()无法直接播放音效，因浏览器禁止无用户交互的自动播放且dom未就绪；须在success回调中用layero.find()获取audio并调用play()，并确保触发源自用户点击等交互。
不能直接用 layer.open() 的配置项触发音效播放 —— layer 模块本身不提供音效支持，所有音频行为必须手动注入、控制，且需绕过浏览器的自动播放策略限制。
为什么 layer.open() 里加 audio 标签没声音？
常见现象是弹窗里写了 <audio src="beep.mp3" autoplay></audio>，但打开后静音。原因有二：
- 现代浏览器（Chrome/Firefox/Safari）默认禁止「无用户交互前提下的自动播放」，哪怕
autoplay属性存在，也会被静音或阻断 -
layer.open()初始化时 DOM 尚未完全挂载到页面（尤其 type:1 的 DOM 内容），audio元素可能还没 ready 就尝试 play()
正确做法：在 success 回调中手动触发播放
success 是 layer 提供的、确保弹窗 DOM 已插入并可操作的钩子，此时调用 play() 才可靠。注意必须配合用户首次交互（如点击按钮触发弹窗）才能解除静音限制。
示例（type:1 页面层）：
layer.open({
type: 1,
content: '<audio id="alert-sound" src="/sound/beep.mp3"></audio>',
success: function(layero, index){
var audio = layero.find('#alert-sound')[0];
if (audio) {
// 尝试播放，忽略静音限制失败的错误
audio.play().catch(e => console.log('自动播放被阻止，需用户交互后重试'));
}
}
});
- 务必使用
layero.find()查找，不要用document.getElementById()—— DOM 在 layero 容器内，不在全局 document - 如果弹窗由用户点击按钮触发（比如
button onclick="openLayer()"），这个上下文满足“用户激活”条件，play()大概率成功 - 避免在
ready或load事件里放play()，layer 不暴露这些生命周期
iframe 层（type:2）里怎么播音效？
iframe 是独立上下文，父页无法直接控制子页的 audio。可行路径只有一条：让子页自己在加载完成后主动播放，并确保子页的触发动作绑定在用户交互之后（例如子页 onload 后延时 1ms + setTimeout(() => audio.play(), 1) 不够，仍需显式点击或 focus 触发）。
更稳妥的做法是：父页在 success 中向 iframe 发送消息，子页监听 message 后再播放：
// 父页 success 中
success: function(layero, index){
var iframe = layero.find('iframe')[0];
if (iframe && iframe.contentWindow) {
iframe.contentWindow.postMessage('PLAY_SOUND', '*');
}
}
- 子页需监听
window.addEventListener('message', ...)并校验 origin - 子页的
audio.play()必须发生在 message 事件回调内，且该回调由父页主动发起，属于“可信赖的用户交互链路” - 不要依赖
iframe.onload后立即play()，它依然被浏览器视为非交互触发
真正容易被忽略的是：音效文件路径是否 404、是否被 MIME 类型拦截（后端需返回 Content-Type: audio/mp3），以及 iOS Safari 对 autoplay 的额外限制（即使有用户交互，首次加载也常需手动点一下）。这些比写对 success 回调更常导致无声。
