H5 自动播放背景音乐

html:

        <audio id="audio" controls loop autoplay preload hidden>
            <source src="/static/moon.mp3" type="audio/ogg">
            <source src="/static/moon.mp3" type="audio/mpeg">
            您的浏览器不支持 audio 元素
        </audio>

javascript:

        <script>
            document.addEventListener('DOMContentLoaded', function () {
                function audioAutoPlay() {
                    var audio = document.getElementById('audio');
                    audio.play();
                    document.addEventListener("WeixinJSBridgeReady", function () {
                        audio.play();
                    }, false);
                }
                audioAutoPlay();
            });
        </script>
        <script>
            document.onmousedown = function (event) {
                toPlay();
            };
            function toPlay(){
                console.log('开始播放');
                var myAuto = document.getElementById('audio');
                myAuto.play();
            }
        </script>