1. 程式人生 > >背景音樂的自動播放(相容 ios 和 android)

背景音樂的自動播放(相容 ios 和 android)

ios 為了節省使用者流量,對於 audio 和 video標籤的 preload 和 autopaly 標籤 會自動攔截,

除非使用者手動點選 互動才會執行 。

  但是對於背景音樂,又必須載入的時候就要執行,怎麼辦,直接呼叫js 來自動觸發。

<audio id="bgaudio" src="./media/bg-music.mp3" loop="loop"></audio>
	<script type="text/javascript">
			document.getElementById('bgaudio').play();
	</script>

不用懷疑 ,就這幾行程式碼,相容ios 和 android

當然有特別的 ios 設定後  不相容,我們可以採用下面的方式,不過注意只能在微信瀏覽器裡面開啟

<audio preload="preload" controls id="car_audio" src="./media/bg-music.mp3" loop></audio>

	<script>
	 setTimeout(function(){
	     $(window).scrollTop(1);
	 },0);
	  document.getElementById('car_audio').play();
	  document.addEventListener("WeixinJSBridgeReady", function () {
			WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
	            document.getElementById('car_audio').play();
			});
	  }, false);
	</script>