【前端】移动端页面，添加下自动播放背景音乐

• Z时代
• 2024-01-10
• 分类：技术分享

在pc端上，我用audio标签可以实现，可是在移动端上打开就没有实现，我在网上找了很多方法，不知道为何一直不生效

回答

<audio src="https://segmentfault.com/q/1010000008644405/bg.mp3" id="Jaudio" class="media-audio" autoplay preload 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('Jaudio');  

已解决

safari屏蔽了autoplay，需要用户交互触发play()

以上是 【前端】移动端页面，添加下自动播放背景音乐 的全部内容， 来源链接： utcz.com/a/81302.html