解決谷歌瀏覽器無法自動播放HTML文件的聲音和視頻問題的方法

由于google的一些制度,我們在寫html5項目時會發(fā)現(xiàn)刷新頁面時無法自動播放audio和video,即使你添加了autoplay屬性也無濟(jì)于事,下面提供兩種解決方案
首先,先檢測一下瀏覽器是否能支持自動播放,點擊下方鏈接進(jìn)行檢測:
https://video-dev.github.io/can-autoplay/
本人檢測的谷歌瀏覽器結(jié)果是:
結(jié)果顯示,谷歌瀏覽器不能支持有聲自動播放視頻和音頻,包括內(nèi)聯(lián)的視頻,但靜音的視頻是支持支持自動播放的,但靜音的音頻功能依舊無法使用。
本人在網(wǎng)上搜尋了很多方法,最后發(fā)現(xiàn)幾個關(guān)鍵點:
① 首先是谷歌瀏覽器的相關(guān)政策,自從 Chrome 66 開始限制了 video 和 audio 元素的自動播放,從 Chrome 71 開始限制了 Web Audio API 的自動播放,因此一些網(wǎng)頁游戲和 webrtc 相關(guān)的音視頻項目都會相應(yīng)受到影響。
本人使用的 Chrome 瀏覽器版本顯然是被限制了自動播放的
② 那么 如何解決這一問題,先說說本人網(wǎng)上搜集的方法:
方法一:
首先是視頻自動播放的問題,常規(guī)的方法是給 video 標(biāo)簽增添 muted 屬性
<video src="xxx.mp4" autoplay="auto play" muted controls="controls"> </video>
這樣就能靜音自動播放視頻了。
第二種方法:只適用 Chrome 66 以下的版本
打開 chrome 瀏覽器,地址欄中輸入:chrome://flags。在頁面內(nèi)搜索欄中寫入:Autoplay policy,并將默認(rèn)為“Default”,修改為 “No user gesture is required” 后,重啟瀏覽器。
但 Chrome 66 以上的版本貌似搜索不到 Autoplay policy ,因此無法使用第二種方法。
③ 本人在摸爬滾打了兩天后,找到了一種掩耳盜鈴的方法,就是修改瀏覽器的設(shè)置,找到聲音設(shè)置:
第一步:
第二步:添加對應(yīng)的網(wǎng)站地址或者h(yuǎn)tml 代碼,允許其播放聲音。
以上就是解決谷歌瀏覽器無法自動播放HTML文件的聲音和視頻問題的方法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
谷歌瀏覽器升級后怎么還原? Chrome瀏覽器降級到舊版本的方法
谷歌瀏覽器網(wǎng)頁顯示不全怎么處理? 解決chrome網(wǎng)頁顯示不全的方法
谷歌瀏覽器網(wǎng)頁顯示不全怎么處理? 解決chrome網(wǎng)頁顯示不全的方法
相關(guān)文章
谷歌瀏覽器Mac版如何進(jìn)行安全檢查?谷歌瀏覽器Mac版進(jìn)行安全檢查教程
谷歌瀏覽器Mac版怎么進(jìn)行安全檢查呢?今日小編就介紹了谷歌瀏覽器Mac版進(jìn)行安全檢查的方法,趕緊看看吧2022-09-07谷歌瀏覽器Mac版怎么刪除瀏覽歷史記錄?谷歌瀏覽器Mac版刪除瀏覽歷史記
谷歌瀏覽器Mac版怎么刪除瀏覽歷史記錄呢?如果各位親們還不了解的話,就來這里學(xué)習(xí)學(xué)習(xí)關(guān)于谷歌瀏覽器Mac版刪除瀏覽歷史記錄方法吧2022-09-07谷歌瀏覽器Mac版如何設(shè)置默認(rèn)搜索引擎?谷歌瀏覽器Mac版設(shè)置默認(rèn)搜索引
或許有的朋友還不太清楚谷歌瀏覽器Mac版怎么設(shè)置默認(rèn)搜索引擎?那么接下來小編就為大家?guī)砹斯雀铻g覽器Mac版設(shè)置默認(rèn)搜索引擎教程哦2022-09-06谷歌瀏覽器Mac版如何打開主題背景?谷歌瀏覽器Mac版打開主題背景教程
想必有很多朋友都很好奇谷歌瀏覽器Mac版怎么打開主題背景?那么感興趣的朋友就趕快來看看小編帶來的谷歌瀏覽器Mac版打開主題背景的方法吧2022-09-06谷歌瀏覽器Mac版怎么瀏覽上次打開的網(wǎng)頁?谷歌瀏覽器Mac版瀏覽上次打開
最近有很多朋友在咨詢小編谷歌瀏覽器Mac版怎么瀏覽上次打開的網(wǎng)頁?那么針對這個問題,小編今天就和大家分享一下谷歌瀏覽器Mac版瀏覽上次打開的網(wǎng)頁方法哦,趕緊看看吧2022-09-06谷歌瀏覽器Mac版如何關(guān)閉試用隱私沙盒?谷歌瀏覽器Mac版關(guān)閉試用隱私沙
谷歌瀏覽器Mac版怎么關(guān)閉試用隱私沙盒?今日小編就介紹了谷歌瀏覽器Mac版關(guān)閉試用隱私沙盒方法,趕緊看看吧2022-09-03谷歌瀏覽器Mac版如何設(shè)置增強(qiáng)型保護(hù)?谷歌瀏覽器Mac版設(shè)置增強(qiáng)型保護(hù)教
谷歌瀏覽器Mac版怎么設(shè)置增強(qiáng)型保護(hù)呢?今天小編分享的就是關(guān)于谷歌瀏覽器Mac版設(shè)置增強(qiáng)型保護(hù)方法,趕緊看看吧2022-09-03谷歌瀏覽器Mac版如何允許網(wǎng)站重定向?谷歌瀏覽器Mac版允許網(wǎng)站重定向教
想必有很多朋友都很好奇谷歌瀏覽器Mac版怎么允許網(wǎng)站重定向?那么感興趣的朋友就趕快來看看小編帶來的谷歌瀏覽器Mac版允許網(wǎng)站重定向的方法吧2022-09-02谷歌瀏覽器Mac版如何禁止網(wǎng)站發(fā)送通知?禁止網(wǎng)站發(fā)送通知教程
谷歌瀏覽器Mac版是谷歌瀏覽器官方推出,專門適用于蘋果電腦,Mac操作系統(tǒng)的瀏覽器,速度快,穩(wěn)定好用,在這里怎么禁止網(wǎng)站發(fā)送通知呢?一起來看看2022-09-02谷歌瀏覽器Mac版怎么查看Cookie?谷歌瀏覽器Mac版查看Cookie教程
谷歌瀏覽器Mac版是谷歌瀏覽器官方推出,專門適用于蘋果電腦,Mac操作系統(tǒng)的瀏覽器,速度快,穩(wěn)定好用,在這里怎么去查看Cookie呢?跟著小編一起來看看吧2022-09-02