在做各种HTML5场景页面的时候,插入背景音乐是一个很普遍的需求。遇到部分的iOS微信,各种浏览器,打开有自动播放背景音乐的页面没有声音!以下代码经过最新版的微信浏览器,UC浏览器,QQ空间,iOS下的safari等,都可以正常播放了
<audio id="xiaofeng" src="http://media.static.sdo.com/chd/chd/web4/mp3/002.mp3" autoplay="autoplay" loop="loop"></audio> function audioAutoPlay(id){ var audio = document.getElementById(id), play = function(){ audio.play(); document.removeEventListener("touchstart",play, false); }; audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { play(); }, false); document.addEventListener('YixinJSBridgeReady', function() { play(); }, false); document.addEventListener("touchstart",play, false); } audioAutoPlay('xiaofeng');
本文为 小风原创文章,转载无需和我联系,但请注明来自 小风博客www.hotxf.com