問題根源詳見:Chrome中的自動(dòng)播放政策>>??https://developer.chrome.com/blog/autoplay/
?The Autoplay Policy launched in Chrome 66 for audio and video elements and is effectively blocking roughly half of unwanted media autoplays in Chrome. For the Web Audio API, the autoplay policy launched in Chrome 71. This affects web games, some WebRTC applications, and other web pages using audio features. More details can be found in the?Web Audio API?section below.
Chrome 中的自動(dòng)播放政策:
改善用戶體驗(yàn),最大限度地減少安裝廣告攔截器的動(dòng)機(jī),并減少數(shù)據(jù)消耗。
簡單一點(diǎn)說,谷歌新Chrome瀏覽器只允許用戶觸發(fā)后才播放音頻和視頻。Chrome不允許用戶對點(diǎn)擊網(wǎng)頁之前播放音頻。
您可能已經(jīng)注意到,網(wǎng)絡(luò)瀏覽器正朝著更嚴(yán)格的自動(dòng)播放政策發(fā)展,以改善用戶體驗(yàn),最大限度地減少安裝廣告攔截器的動(dòng)機(jī),并減少昂貴和/或受限網(wǎng)絡(luò)上的數(shù)據(jù)消耗。這些更改旨在讓用戶更好地控制播放,并使具有合法用例的發(fā)布商受益。
Chrome 的自動(dòng)播放策略很簡單:
- 始終允許靜音自動(dòng)播放。
- 在以下情況下允許自動(dòng)播放聲音:
- 用戶已與域進(jìn)行交互(單擊、點(diǎn)擊等)。
- 在臺(tái)式機(jī)上,已超過用戶的媒體參與指數(shù)閾值,這意味著用戶之前播放過有聲視頻。
- ?用戶已將站點(diǎn)添加到移動(dòng)設(shè)備的主屏幕或在桌面設(shè)備上安裝了 PWA。 ?
- ? 頂級框架可以將自動(dòng)播放權(quán)限委托給它們的 iframe,以允許自動(dòng)播放聲音。 ?
說點(diǎn)實(shí)際的:
先嘗試測試打開以下頁面,檢測當(dāng)前瀏覽器是否支持自動(dòng)播放:
Demo: can-autoplayhttps://video-dev.github.io/can-autoplay/
can-autoplay
- video ?? ( Error "NotAllowedError": play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD)
- video muted ?
- video inline ?? ( Error "NotAllowedError": play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD)
- video inline muted ?? ( Error "AbortError": The play() request was interrupted because video-only background media was paused to save power. https://goo.gl/LdLk22)
- audio ?? ( Error "NotAllowedError": play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD)
- audio muted ?? ( Error "NotAllowedError": play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD)
Rerun Tests
新版谷歌默認(rèn)是不支持帶音量視頻的,所以讓視頻先靜音。
<video??src="https://tony.89525.com/test.mp4"??autoplay="auto play"? muted controls="controls">
</video>文章來源:http://www.zghlxwxcb.cn/news/detail-505545.html
再試一下呢?文章來源地址http://www.zghlxwxcb.cn/news/detail-505545.html
MR虛擬直播
- MR直播實(shí)例(混合現(xiàn)實(shí)直播)高品質(zhì)企業(yè)直播
- 企業(yè)年會(huì)直播來個(gè)虛擬舞臺(tái)場景如何?
- MR直播(混合現(xiàn)實(shí)直播)做一場高品質(zhì)企業(yè)培訓(xùn)
- MR場景直播-幫助企業(yè)高效開展更有意思的員工培訓(xùn)
- 企業(yè)多會(huì)場視頻直播(主會(huì)場、分會(huì)場直播)實(shí)例效果
- 虛擬直播(虛擬場景直播)要怎么做?
無延遲直播
- 無延時(shí)直播/超低延時(shí)直播畫面同步性測試(實(shí)測組圖)
- 搞定企業(yè)視頻直播:硬件設(shè)備、直播網(wǎng)絡(luò)環(huán)境和設(shè)備連接說明
- 無延時(shí)/無延遲視頻直播實(shí)例效果案例
- OBS無延遲視頻直播完整教程(組圖)
- 毫秒級超低延時(shí)直播產(chǎn)品實(shí)測(PRTC直播/webRTC直播)
視頻加密與安全
- 企業(yè)培訓(xùn)視頻如何防止被下載和盜用?
- 在線教育機(jī)構(gòu)視頻加密防下載和防盜用的方法有哪些可以借鑒
- 上新:視頻加密功能增加防錄屏(隨機(jī)水印)功能
- 兩種實(shí)現(xiàn)視頻倍速播放的方法(視頻播放器倍速1.5x/2x)
- 教育培訓(xùn)機(jī)構(gòu)教學(xué)課程內(nèi)容視頻加密是如何做的?
在線導(dǎo)播臺(tái)
- 在線導(dǎo)播臺(tái)(網(wǎng)頁導(dǎo)播臺(tái))混流效果
- OBS Studio導(dǎo)播臺(tái)多畫面使用實(shí)測
- 軟件導(dǎo)播臺(tái)多畫面切換支持多人連麥實(shí)測(實(shí)測組圖)
到了這里,關(guān)于谷歌chrome瀏覽器無法自動(dòng)播放video標(biāo)簽視頻的問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!