解决ios下微信页面背景音乐无法自动播放问题

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


打 赏

小风博客 - XiaoFeng Blog - 佘佳栋的个人博客
请点评论按钮,登录后发表评论
  • 最新评论
  • 总共0条评论