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標籤的播放與暫停。

完。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章