天天看點

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.在手機浏覽器打開頁面,如果沒有使用者的操作是不會播放聲音的。

繼續閱讀