html5 audio手机播放，锁屏或程序后台运行音乐不播放

今天做一个手机播放页面，发现在ios上只要锁屏或切换其他程序音乐就关闭，找了好久才发现原因。

因为页面之播放一个文件所以我这样写的

<audio id="audio" autoplay="true" controls="" preload="preload">
</audio>

再通过js设置mp3地址

audio.setAttribute("src","http://xxxx.mp3");

参考其他网站，发现音乐文件写在source中不会被关闭....

<audio id="audio" autoplay="true" controls="" loop=""preload="preload">
                <source src="" type="audio/mpeg">
            </audio>

$("#source").attr("src","http://xxx.mp3");

文章来自：http://www.cnblogs.com/miharu/p/4792455.html