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

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

• 類(lèi)型：主頁(yè)瀏覽
• 大?。?/span>1.24MB
• 語(yǔ)言：簡(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ú)法使用。

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

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

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

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

方法一：

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

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

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

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

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

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

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

第一步：

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

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

相關(guān)推薦：

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

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

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

最新評(píng)論