html5介面手機播放mp3

wensongyu發表於2017-05-26
HTML

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

 


相關文章