iphone 微信打开H5自动播放音乐问题

解决iphone 微信H5自动播放音乐问题

——由于苹果的ios系统的安全保护较严格，iphone手机打开微信H5的时候（针对于已对audio标签设置 autoplay为true的H5），通常要先点击屏幕，才能触发音乐播放，经过研究，有更简便的方法可以处理。

---

处理方法

• 首先， 在html中定义audio 标签的 autoplay属性

• 其次，在body结尾处添加重定义的audioAutoPlay方法

function audioAutoPlay(id){
        var audio = document.getElementById(id);
        var play = function(){
            audio.play();
            audio.pause();
            document.removeEventListener("touchstart",play, false);
        };
        audio.play();
        document.addEventListener("touchstart",play, false);
}

• 最后，需要在页头微信浏览器准备好以后，调用 audioAutoPlay方法

 document.addEventListener("WeixinJSBridgeReady", function () {
            audioAutoPlay('musicStar');
            /**musicStar为音乐audio的 id**/
    }, false);

综合所有

    
    
    
    
    
    
    


...

综上解决了ios中微信H5打开自动播放音乐的问题,如果需要在页面预加载后再进行播放，可按照代码中的提示设置。