html5界面手機播放mp3

1把這段代碼復制到htm5界面.

<audio id="audio" src="2.mp3"
    style="opacity:0" preload="auto" controls hidden="true"/>

 

2.給個按鈕，點擊按鈕事件，讓其播放音樂，

$(function(){
    $('.jb-num').click(function(){
        var myAuto = document.getElementById('audio');
        myAuto.play();
    });
})

 

注意一點就是：1.在手機瀏覽器打開頁面，如果沒有用戶的操作是不會播放聲音的。