背景音樂的自動播放(相容 ios 和 android)
阿新 • • 發佈:2019-02-07
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>