怎樣解決Chrome瀏覽器因為禁止音頻自動播放所造成的視頻無法自動播放且報錯: Uncaught (in promise) DOMException的問題


這個問題是谷歌基於用戶體驗方面的考慮, 對頁面加載時自動播放的音頻作了限制, 試想一下, 如果你打開某個頁面就立刻自動播放某種不可描述的聲音, 那體驗想必是十分酸爽.

盡管這個設定是針對音頻的, 但實際上還影響了視頻的自動播放, 因為視頻也是有聲音的!!!!

 

因此, 解決這個報錯的方法很簡單: 將給video標簽加上一個muted屬性即可, 這樣就相當於告訴谷歌瀏覽器, 這個視頻是安全的, 可以默默播放.

<body>
  <video src="..." autoplay muted></video>
</body>

 

聲音可以在后續加上, 比如用戶點擊了頁面, 這時就可以把muted設為false. 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM