在做各种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