我有一个 html 阅读器，它使用 iframe 动态加载 html 页面。我在阅读器 html 中使用 HTML5 音频标签（用于导航按钮），它在“ipad safari”上运行良好，但 iframe 加载的 html 内的音频没有播放。
下面是阅读器的html结构。
阅读器.html
<body class="spread-body">
<div class="container">
<div id="page" class="page passage">
<iframe id="frame2" class="frame frame2" src="" scrolling="no"></iframe>
<div class="banner-bottom"><img src="images/banner.png"/></div>
</div>
<div id="pageno"></div>
<input type="button" id="next" class="next-style"/>
<input type="button" id="prev" class="prev-style"/>
</div>
<audio src="engine-audio/chime.wav" id="chime"/>
</body>
content.html[iframe 加载页面] 中的脚本
document.addEventListener("DOMContentLoaded",function(){
var aud=document.getElementById("init");
aud.play();
});
Reader.html 中的脚本
next_button.addEventListener('mousedown',function(){
document.getElementById('chime').src='engine-audio/chime.wav';
document.getElementById('chime').play();
$(this).addClass('clickedn');
});
所以，问题是导航音频正在播放，但 iframe 加载页面中的音频没有播放。
请帮忙。