h5----ios端多个audio标签同时播放的问题

需求：h5进来本身有默认背景音乐，然后页面下滑与用户交互中触发某一个音效，也就是同时存在了两段音乐

代码写法：同时存在两个audio标签，一个autoplay，一个在交互时触发play事件

问题：安卓端没问题，苹果端背景音乐没问题，交互触发无法触发

问题代码：

<script type="text/javascript">
    //此代码解决微信ios端音乐不自动播放的问题
	document.addEventListener("WeixinJSBridgeReady", function() {
		document.getElementById('music1').play();
	}, false);
</script>

<audio id="music1" autoplay="autoplay" src='images/001.mp3' preload loop="loop">
	<source src="images/001.mp3" type="audio/mpeg" />
</audio>
<audio id="zhong" src='images/zhong.mp3' preload>
	<source src="images/zhong.mp3" type="audio/mpeg" />
</audio>


<script type="text/javascript"&g