html5 -audio-移動端如何自動播放

標籤：相關   auto   load()   載入   nbsp   mp3   地址   idg   改變   

最近在做一些活動類頁面或者類似於易企秀類型的輕應用經常遇到關於audio標籤的應用，對於audio相關的常用知識點以及一些相關的問題如下：

　　 <audio id="audios" src="xxxx.mp3" autoplay controls="controls">        您的瀏覽器不支援 audio 標籤。    </audio>    不支援audio元素的瀏覽器會顯示標籤內文字        audio相關屬性：        src:音頻地址        autoplay:音頻載入完畢後自動播放。        controls:顯示播放控制條。        loop:播放完畢後會重複播放。        preload: auto 預先載入音頻視頻。metadata 只預先載入音頻視頻中繼資料。 有autoplay時此屬性無效。            js控制媒體        play()    播放        pause()    暫停        load()    重新載入        相關事件：            oncanplay       //在使用者可以開始播放視頻/音頻（audio/video）時觸發（頁面載入完畢）        onerror            //在音頻/視頻(audio/video)載入發生錯誤時觸發        ontimeupdate    //在視頻/音頻（audio/video）當前的播放位置發送改變時觸發  event.currentTime        onended            //在視頻/音頻（audio/video）播放結束時觸發        端和手機不能支援自動播放問題        原因是：android ios 內部原因 為了節省流量，規定不自動播放音頻視頻        解決方案：            //--建立頁面監聽，等待端頁面載入完畢 觸發音頻播放            document.addEventListener(‘WeixinJSBridgeReady‘, function() {                document.getElementById(‘audios‘).play()            })            //--建立觸摸監聽，當瀏覽器開啟頁面時，觸控螢幕幕觸發事件，進行音頻播放            document.addEventListener(‘touchstart‘, function() {                document.getElementById(‘audios‘).play()            })

 

html5 -audio-移動端如何自動播放