瀏覽器無法自動播放視頻


在瀏覽器中自動播放視頻會報錯: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、鍵盤事件)。


免責聲明!

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



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