針對audio無法自動播放問題的h5播放方案

現在很多瀏覽器都不支持自動播放了,所以audio的autoplay標籤設置是沒有效果,用js觸發play()方法也是不會有效果額,除非一開始是靜音狀態

  • 當前微信瀏覽器因爲微信的處理,可以在WeixinJSBridgeReady事件中進行觸發
 document.addEventListener('WeixinJSBridgeReady', () => {
        document.getElementById('audio').play()
      }, false)
  • 釘釘使用autoplay可以自動播放
  • 微信開發者工具autoplay可以自動播放
  • 其他瀏覽器,建議默認不播放,用戶點擊纔開始播放
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章