再做H5頁面的時候,發現audio在手機端和微信端添加了autoplay以后還是不可以自動播放,這是因為手機端為了節約流量所設置的

通常解決方法是給一個交互事件：

標簽: <audio loop src="/photo/aa.mp3" id="audio" autoplay preload="auto"> 該瀏覽器不支持audio屬性</audio>解決方法: //--創建頁面監聽，等待微信端頁面加載完畢 觸發音頻播放document.addEventListener('DOMContentLoaded', function () {function audioAutoPlay() {var audio = document.getElementById('audio');audio.play();document.addEventListener("WeixinJSBridgeReady", function () {audio.play();}, false);}audioAutoPlay(); }); //--創建觸摸監聽，當瀏覽器打開頁面時，觸摸屏幕觸發事件，進行音頻播放 document.addEventListener('touchstart', function () {function audioAutoPlay() {var audio = document.getElementById('audio');audio.play();}audioAutoPlay(); }); 還有一種針對蘋果的手機微信端的解決方法 第一步:引入js文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

第二步:配置文件

<script>function autoPlayVideo(){wx.config({debug:false,appId:"",timestamp:1,nonceStr:"",signature:"",jsApiList:[]});wx.ready(function(){var autoplayVideo=document.getElementById("audio");autoplayVideo.play()})};autoPlayVideo(); </script> 這樣在網絡穩定的情況下是可以自動播放的。

總結

以上是生活随笔為你收集整理的HTML5中的audio在手机端和微信端的不能自动播放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。