微信video和audio無法自動播放解決方案


//音頻,寫法一
<audio src="music/bg.mp3" autoplay loop controls>你的瀏覽器還不支持哦</audio>

//音頻,寫法二
<audio controls="controls">
<source src="music/bg.ogg" type="audio/ogg"></source>
<source src="music/bg.mp3" type="audio/mpeg"></source>
優先播放音樂bg.ogg,不支持在播放bg.mp3
</audio>

//JS綁定自動播放(操作window時,播放音樂)
$(window).one('touchstart', function(){
music.play();
})

//微信下兼容處理
document.addEventListener("WeixinJSBridgeReady", function () {
music.play();
}, false);

//小結
//1.audio元素的autoplay屬性在IOS及Android上無法使用,在PC端正常
//2.audio元素沒有設置controls時,在IOS及Android會占據空間大小,而在PC端Chrome是不會占據任何空間


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM