網頁自動播放背景音樂

兼容微信

<audio loop src="/music/music.mp3" id="audio" autoplay preload="auto">該瀏覽器不支持audio屬性</audio>
<script type="text/javascript">
//--創建頁面監聽，等待微信端頁面加載完畢 觸發音頻播放
document.addEventListener('DOMContentLoaded', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio.play();
        }, false);
    }
    audioAutoPlay();
});
//--創建觸摸監聽，當瀏覽器打開頁面時，觸摸屏幕觸發事件，進行音頻播放
document.addEventListener('touchstart', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
    }
    audioAutoPlay();
});
</script>