iOS与微信端播放音乐问题

iOS不支持auido标签自动播放autoplay属性,我们需要所以我们需要在js中给audio标签‘手 动’播放:

<audio src='xxx.mp3' autoPlay loop preload="auto" muted id="audio"><audio>
//原生js
document.getElementById('audio').play();
document.getElementById('audio').pause();

//jQuery
$('#audio')[0].play();
$('#audio')[0].pause();

微信中有专门的事件处理音乐播放的问题:

document.addEventListener("WeixinJSBridgeReady", function() {
   document.getElementById('audio').play();
   setTimeout(function(){
        document.getElementById('audio').pause();
   },10)
}, false);

在你的代码中加入这段,然后就可以使用js方法控制audio标签的播放与暂停。

完。

猜你喜欢

转载自blog.csdn.net/linxner/article/details/83346777