移动端audio标签不能自动播放的问题

Question

这个问题去年我是绑定给body一个one事件调用play()来造成自动播放的假象。今年我看http://www.jianshu.com/p/7721...这个链接好像可以解决，但为啥我的不起作用呢？求指教，下面上代码

<div class="box"></div>
<audio class='yinyue' src="audio/hometown.wav" preload="auto">您的浏览器不支持audio标签</audio>
$(function(){
    document.addEventListener("WeixinJSBridgeReady", function () {
    $('.yinyue')[0].load();
    $('.yinyue')[0].play();
    }, false);
})

Answer 1

(function(){

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

}());