在瀏覽器中自動播放視頻會報錯:play() failed because the user didn't interact with the document first。
網上大部分資料是需要設置autoplay選項,但是我的谷歌瀏覽器版本是78 ;
設置改成如下
設置之后還是無效
需求背景如下:有6個子模塊自動跳轉,12個子模塊中有視頻的播放。
問題:子模塊中的小視頻可以自動播放,但是子模塊對應的頁面里視頻無法自動播放。
解決:
瀏覽器自動播放的條件1.沒有音頻,將video設置成muted
2.視頻在視圖里面是可見的,不能被隱藏或者在可視區域外
子模塊對應的頁面在頁面加載完成時是對用戶不可見的,瀏覽器會報錯play() failed because the user didn't interact with the document first。這時需要用戶與瀏覽器進行交互(包括touchend、click、doubleClick、鍵盤事件)。