背景音樂的自動播放（相容 ios 和 android），iosandroid

背景音樂的自動播放（相容 ios 和 android），iosandroid

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>