解決谷歌瀏覽器無法自動播放HTML文件的聲音和視頻問題的方法
我要評論由于google的一些制度，我們在寫html5項目時會發(fā)現(xiàn)刷新頁面時無法自動播放audio和video，即使你添加了autoplay屬性也無濟于事，下面提供兩種解決方案
首先，先檢測一下瀏覽器是否能支持自動播放，點擊下方鏈接進行檢測：
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)的音視頻項目都會相應受到影響。
本人使用的 Chrome 瀏覽器版本顯然是被限制了自動播放的
② 那么 如何解決這一問題，先說說本人網(wǎng)上搜集的方法：
方法一：
首先是視頻自動播放的問題，常規(guī)的方法是給 video 標簽增添 muted 屬性
<video
src="xxx.mp4"
autoplay="auto play"
muted
controls="controls">
</video>這樣就能靜音自動播放視頻了。
第二種方法：只適用 Chrome 66 以下的版本
打開 chrome 瀏覽器，地址欄中輸入：chrome://flags。在頁面內(nèi)搜索欄中寫入：Autoplay policy，并將默認為“Default”，修改為 “No user gesture is required” 后，重啟瀏覽器。
但 Chrome 66 以上的版本貌似搜索不到 Autoplay policy ，因此無法使用第二種方法。
③ 本人在摸爬滾打了兩天后，找到了一種掩耳盜鈴的方法，就是修改瀏覽器的設置，找到聲音設置：
第一步：
第二步：添加對應的網(wǎng)站地址或者html 代碼，允許其播放聲音。
以上就是解決谷歌瀏覽器無法自動播放HTML文件的聲音和視頻問題的方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
谷歌瀏覽器升級后怎么還原? Chrome瀏覽器降級到舊版本的方法
谷歌瀏覽器網(wǎng)頁顯示不全怎么處理? 解決chrome網(wǎng)頁顯示不全的方法
谷歌瀏覽器網(wǎng)頁顯示不全怎么處理? 解決chrome網(wǎng)頁顯示不全的方法
相關(guān)文章
谷歌瀏覽器Mac版如何進行安全檢查?谷歌瀏覽器Mac版進行安全檢查教程
谷歌瀏覽器Mac版怎么進行安全檢查呢?今日小編就介紹了谷歌瀏覽器Mac版進行安全檢查的方法，趕緊看看吧2022-09-07
谷歌瀏覽器Mac版怎么刪除瀏覽歷史記錄?谷歌瀏覽器Mac版刪除瀏覽歷史記
谷歌瀏覽器Mac版怎么刪除瀏覽歷史記錄呢?如果各位親們還不了解的話，就來這里學習學習關(guān)于谷歌瀏覽器Mac版刪除瀏覽歷史記錄方法吧2022-09-07
谷歌瀏覽器Mac版如何設置默認搜索引擎?谷歌瀏覽器Mac版設置默認搜索引
或許有的朋友還不太清楚谷歌瀏覽器Mac版怎么設置默認搜索引擎?那么接下來小編就為大家?guī)砹斯雀铻g覽器Mac版設置默認搜索引擎教程哦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版如何設置增強型保護?谷歌瀏覽器Mac版設置增強型保護教
谷歌瀏覽器Mac版怎么設置增強型保護呢?今天小編分享的就是關(guān)于谷歌瀏覽器Mac版設置增強型保護方法，趕緊看看吧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
