Question

我有一个html阅读器，它使用iframe动态加载html页面。我在阅读器html中使用HTML5音频标签（用于导航按钮），它在“ipad safari”上运行良好，但是iframe加载的htmls中的音频没有播放。

以下是读者html结构。

Reader.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加载页面中的音频没有播放。

请帮助。

Answer 1

你确定“音频”在行

audio src =“engine-audio / chime.wav”id =“chime”

可识别吗？

iframe中的HTML音频（IPAD safari）无法正常工作

1 个答案: