chrome瀏覽器不支持audio和video標簽的autoplay自動播放


IOS/Android不支持video的autoplay,PC端的safari也在2017年的safari 11版本中禁止帶聲音的多媒體自動播放功能,然后Chrome在2018年4月份發布的66版本也關掉了聲音自動播放,也就是說HTML5的audio和video標簽autoplay屬性在一般網頁端基本算是廢的。要想網頁端讓autoplay生效,可以讓用戶自己設置自己的瀏覽器,允許帶聲音的多媒體自動播放。

設置方法:

1、在chrome瀏覽器地址欄中輸入:chrome://flags
2、搜索“Autoplay policy”,默認為“Default”,修改為 “No user gesture is required” 就可以了

由於audio.play()必須要在交互事件中才能使用,於是項目中,我的解決方案是當用戶觸發滑動事件時,audio自動播放

window.addEventListener("touchstart", function() {
            audio.play();
})


免責聲明!

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



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