首页 > 移动平台 > 详细

背景音乐的自动播放(兼容 ios 和 android)

时间:2015-05-28 12:37:24      阅读:5597      评论:0      收藏:0      [点我收藏+]

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)

原文:http://blog.csdn.net/wujiangwei567/article/details/46120029

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!