<audio>标签,在电脑上播放没问题,到了手机端就不行了的问题

点击按钮后没有反应,试过几个浏览器,安卓苹果都一样,问题出在哪里呢?PC端没问题。我不需要自动播放,通过按钮点击播放,我这种触发的方式是不是有问题?

 <audio id="audio"></audio>
<div class="baietan"><a href="#" onClick="playlist(this)" id="1"><img src="img/play.png" height="80%" width="80%"></a></div>
<div class="fangcun"><a href="#" onClick="playlist(this)" id="2"><img src="img/play.png" height="80%" width="80%"></a></div>


<script>
function playlist(a){ 
    var music = document.getElementById('audio'); 

    music.src='./music/'+a.id+'.mp3';
        music.play();       
        alert('点击下方“确定”停止播放。');
        music.pause();
};
</script>

style标签在eclipse中无法使用

https://segmentfault.com/q/1010000002565534