微信端自动播放背景音乐

在微信公众号里面实现背景音乐自动播放，发现使用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;

            });

        }