背景音乐的自动播放（兼容 ios 和 android）

浏览数：23 / 时间：2015年06月11日

ios 为了节省用户流量，对于 audio 和 video标签的 preload 和 autopaly 标签会自动拦截，

除非用户手动点击交互才会执行。

但是对于背景音乐，又必须加载的时候就要执行，怎么办，直接调用js 来自动触发。

<audio id="bgaudio" src="./media/bg-music.mp3" loop="loop"></audio>
	<script type="text/javascript">
			document.getElementById('bgaudio').play();
	</script>

不用怀疑，就这几行代码，兼容ios 和 android

当然有特别的 ios 设置后不兼容，我们可以采用下面的方式，不过注意只能在微信浏览器里面打开

<audio preload="preload" controls id="car_audio" src="./media/bg-music.mp3" loop></audio>

	<script>
	 setTimeout(function(){
	     $(window).scrollTop(1);
	 },0);
	  document.getElementById('car_audio').play();
	  document.addEventListener("WeixinJSBridgeReady", function () {
			WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
	            document.getElementById('car_audio').play();
			});
	  }, false);
	</script>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

背景音乐的自动播放（兼容 ios 和 android）