微信端自動播放背景音樂

在微信公衆號裏面實現背景音樂自動播放，發現使用autoplay之後只有Android端起效，蘋果手機不能自定播放，解決方法如下所示：

HTML：

 <!-- 背景音樂 -->

<audio id="bgmusic" src="<?php echo CDN_URL; ?>/audios/test.mp3" autoplay="autoplay" loop="loop"></audio>

JS:

document.addEventListener('DOMContentLoaded', function () {

            function audioAutoPlay() {

              var audio = document.getElementById('bgmusic');

                  audio.play();

              document.addEventListener("WeixinJSBridgeReady", function () {

                  audio.play();

              }, false);

            }

            audioAutoPlay();

            });

            if (/i(Phone|P(o|a)d)/.test(navigator.userAgent)) {

            $(document).one('touchstart',

            function(e) {

                $('#bgmusic').get(0).touchstart = true;

                $('#bgmusic').get(0).play();

                return false;

            });

        }