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();
})