做了一個H5頁面，需要一個mp3做為背景音樂，在PC端調(diào)試沒問題，然后用手機(jī)掃碼打開結(jié)果就不能循環(huán)播放，記錄踩過的坑

• 最開始是這樣的

<audio src="music.mp3" autoplay="autoplay" class="music-audio" id="audio" loop="loop"></audio>

PC端沒問題，無限循環(huán)播放，可是手機(jī)端就只播放一遍，各種度娘~~~，終于找到方法，如下

 <script>
       $(function(){
         var myAudio = document.getElementById('audio');
            myAudio.addEventListener('ends',loopAudio,false);

       })
        function loopAudio(){
            var myAudio = document.getElementById('audio');
            myAudio.play();
        }
    </script>

以為搞定了，準(zhǔn)備去交付，突然發(fā)現(xiàn)，android系統(tǒng)的循環(huán)播放沒問題，ios的壓根不出聲了，繼續(xù)找萬能的度娘，因為同事用的是qq里面直接打開，猜測是不是因為qq/微信內(nèi)嵌的瀏覽器問題，嘗試解決

    <script>
        document.addEventListener('DOMContentLoaded',
            function () {
                function audioAutoPlay() {
                    var audio = document.getElementById('audio');
                    audio.play();
                    document.addEventListener("WeixinJSBridgeReady",
                        function () {
                            audio.play();
                        },
                        false);
                }
                audioAutoPlay();
            });
    </script>

測試一下，OK，android、IOS果然都可以了，略坑爹啊