由于google的一些制度，我們?cè)趯慼tml5項(xiàng)目時(shí)會(huì)發(fā)現(xiàn)刷新頁面時(shí)無法自動(dòng)播放audio和video，即使你添加了autoplay屬性也無濟(jì)于事，下面提供兩種解決方案

谷歌瀏覽器(Chrome)2021 v96.0.4664.45 官方正式版 64位

• 類型：主頁瀏覽
• 大?。?/span>1.24MB
• 語言：簡(jiǎn)體中文
• 時(shí)間：2021-11-21

查看詳情

首先，先檢測(cè)一下瀏覽器是否能支持自動(dòng)播放，點(diǎn)擊下方鏈接進(jìn)行檢測(cè)：

https://video-dev.github.io/can-autoplay/

本人檢測(cè)的谷歌瀏覽器結(jié)果是：

結(jié)果顯示，谷歌瀏覽器不能支持有聲自動(dòng)播放視頻和音頻，包括內(nèi)聯(lián)的視頻，但靜音的視頻是支持支持自動(dòng)播放的，但靜音的音頻功能依舊無法使用。

本人在網(wǎng)上搜尋了很多方法，最后發(fā)現(xiàn)幾個(gè)關(guān)鍵點(diǎn)：

① 首先是谷歌瀏覽器的相關(guān)政策，自從 Chrome 66 開始限制了 video 和 audio 元素的自動(dòng)播放，從 Chrome 71 開始限制了 Web Audio API 的自動(dòng)播放，因此一些網(wǎng)頁游戲和 webrtc 相關(guān)的音視頻項(xiàng)目都會(huì)相應(yīng)受到影響。

本人使用的 Chrome 瀏覽器版本顯然是被限制了自動(dòng)播放的

②  那么 如何解決這一問題，先說說本人網(wǎng)上搜集的方法：

方法一：

首先是視頻自動(dòng)播放的問題，常規(guī)的方法是給 video 標(biāo)簽增添 muted 屬性 

<video
    src="xxx.mp4"
    autoplay="auto play"
    muted
    controls="controls">
</video>

這樣就能靜音自動(dòng)播放視頻了。

第二種方法：只適用 Chrome 66 以下的版本

打開 chrome 瀏覽器，地址欄中輸入：chrome://flags。在頁面內(nèi)搜索欄中寫入：Autoplay policy，并將默認(rèn)為“Default”，修改為 “No user gesture is required” 后，重啟瀏覽器。

但 Chrome 66 以上的版本貌似搜索不到 Autoplay policy ，因此無法使用第二種方法。

③ 本人在摸爬滾打了兩天后，找到了一種掩耳盜鈴的方法，就是修改瀏覽器的設(shè)置，找到聲音設(shè)置：

第一步：

第二步：添加對(duì)應(yīng)的網(wǎng)站地址或者h(yuǎn)tml 代碼，允許其播放聲音。

以上就是解決谷歌瀏覽器無法自動(dòng)播放HTML文件的聲音和視頻問題的方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

谷歌瀏覽器升級(jí)后怎么還原? Chrome瀏覽器降級(jí)到舊版本的方法

谷歌瀏覽器網(wǎng)頁顯示不全怎么處理? 解決chrome網(wǎng)頁顯示不全的方法

谷歌瀏覽器網(wǎng)頁顯示不全怎么處理? 解決chrome網(wǎng)頁顯示不全的方法

最新評(píng)論