1. 程式人生 > >IOS微信瀏覽器無法自動播放背景音樂的解決辦法

IOS微信瀏覽器無法自動播放背景音樂的解決辦法

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微信瀏覽器上就能自動播放了。