首先,先檢測(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 代碼,允許其播放聲音。
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-427739.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-427739.html
到了這里,關(guān)于解決谷歌瀏覽器無(wú)法自動(dòng)播放HTML文件的聲音和視頻問(wèn)題的方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!