IOS微信瀏覽器無法自動播放背景音樂的解決辦法
阿新 • • 發佈:2018-12-12
IOS系統為了節省使用者的流量,禁止了audio標籤的自動播放,所以在蘋果手機上H5的audio標籤不能自動播放,目前我只找到了微信瀏覽器上的解決辦法。
<body> <audio id="bgmusic" src="audio/9282.wav" loop="loop"></audio> </body> <script> //新增偵聽時間,DOM載入完後執行。 document.addEventListener('DOMContentLoaded', function() { function audioAutoPlay() { var bgmusic = document.getElementById('bgmusic'); bgmusic.play(); //偵聽微信ready事件。 document.addEventListener("WeixinJSBridgeReady", function() { bgmusic.play(); }, false); } audioAutoPlay(); }); </script>
添加了這段程式碼之後,audio在IOS微信瀏覽器上就能自動播放了。