移動端 背景音樂 自動播放

背景音樂 自動播放 手機端 （Android、ios） 親測 有效

**html標簽**
----------

<audio style="display:none; height: 0" id="bg-music" preload="auto" src="../static/videos/bg-music.mp3" loop="loop"></audio>

**

js 代碼
-----

**
<script> //音樂自動播放 $(document).ready(function(){ autoPlayMusic(); audioAutoPlay(); }); function audioAutoPlay() { var audio = document.getElementById('bg-music'); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); } // 音樂播放 function autoPlayMusic() { // 自動播放音樂效果，解決瀏覽器或者APP自動播放問題 function musicInBrowserHandler() { musicPlay(true); document.body.removeEventListener('touchstart', musicInBrowserHandler); } document.body.addEventListener('touchstart', musicInBrowserHandler); // 自動播放音樂效果，解決微信自動播放問題 function musicInWeixinHandler() { musicPlay(true); document.addEventListener("WeixinJSBridgeReady", function () { musicPlay(true); }, false); document.removeEventListener('DOMContentLoaded', musicInWeixinHandler); } document.addEventListener('DOMContentLoaded', musicInWeixinHandler); } function musicPlay(isPlay) { var media = document.querySelector('#bg-music'); if (isPlay && media.paused) { media.play(); } if (!isPlay && !media.paused) { media.pause(); } } </script>

一種解決h5頁面背景音樂不能自動播放的方案 - Young Dreamer - 博客園