一、問題描述

開發環境谷歌瀏覽器本地測試通過，網站上線后的音樂不播放，而是自動下載？

開發環境safari瀏覽器中，音頻不播放。

二、問題分析

用audio或者embed標簽都有問題，為了節省用戶的流量，安卓和ios都默認不允許開發者進行自動播放，除非用戶進行頁面操作。

三、解決方案

比較常用的方法，是在用戶進行操作的時候，使用touch事件，控制音樂進行播放。如果在頁面在微信中發布的話，可以用以下的方法嘗試：
<audio style="display:none; height: 0" id="J_music" preload="auto" src="../static/media/piano.mp3" loop="loop"></audio>document.addEventListener('DOMContentLoaded', function () {function audioAutoPlay() {var audio = document.getElementById('J_music');audio.play();document.addEventListener("WeixinJSBridgeReady", function () {audio.play();}, false);}audioAutoPlay(); });

?

轉載于:https://www.cnblogs.com/camille666/p/media_cannot_play.html

總結

以上是生活随笔為你收集整理的网页上线后音频不能自动播放的全部內容，希望文章能夠幫你解決所遇到的問題。

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