背景音乐自动播放,兼容ios

Posted 蘭哥哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了背景音乐自动播放,兼容ios相关的知识,希望对你有一定的参考价值。

背景音乐自动播放,兼容ios

<audio id="myAudio" autoplay loop>
    <source src=" bgMusic.mp3" type="audio/mp3">
    您的浏览器不支持 audio 标签。
</audio>

 

//背景音乐播放
function an(){
    var audio = document.getElementById(‘myAudio‘);
    if(audio.paused){
        $(".music").removeClass("musicClose");
        audio.play();// 播放
    }
    else{
        $(".music").addClass("musicClose");
        audio.pause();// 暂停
    }
};


document.addEventListener(‘DOMContentLoaded‘,function (){
    function audioAutoPlay(){
        var audio_ = document.getElementById(‘myAudio‘);
        audio_.play();
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio_.play();
        }, false);
    }
    audioAutoPlay();
});
try{
    wx.ready(function(){
        document.getElementById(‘myAudio‘).play();
    });
}catch(e){
    document.getElementById(‘myAudio‘).play();
}

 

以上是关于背景音乐自动播放,兼容ios的主要内容,如果未能解决你的问题,请参考以下文章

我也遇到了网页代码在微信上不能自动播放背景音乐的问题,你是怎么解决的?

解决ios下的微信打开的页面背景音乐无法自动播放(转载)

解决ios下的微信打开的页面背景音乐无法自动播放

ios设置音乐audio自动播放

html5 audio 标签autoplay="autoplay"在手机预览网页无法自动播放背景音乐

IOS 微信 6.5.2 自动播放音乐 解决方案