iframe中的HTML音频(IPAD safari)无法正常工作

时间:2013-06-21 05:30:48

标签: html5 ipad iframe mobile-safari html5-audio

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

请帮助。

1 个答案:

答案 0 :(得分:0)

你确定“音频”在行

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

可识别吗?