1. 程式人生 > >html5界面手機播放mp3

html5界面手機播放mp3

ont html 界面 style spa 頁面 con tro 註意

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

html5界面手機播放mp3