還是再用react開發(fā)項(xiàng)目
先上代碼
如下

<video autoPlay="autoPlay" src={video} loop="loop" style={{'width':'100%', 'height':'100%', 'objectFit': 'fill'}}>
             <source src={video} type="video/mp4" />
</video>

正常這么寫是沒什么問題的
但其實(shí)他不會(huì)自動(dòng)播放，只有在用戶點(diǎn)擊以后才會(huì)觸發(fā)
但是如果在元素掛在完畢以后

element.play();

就會(huì)報(bào)
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
這個(gè)錯(cuò)

解決其實(shí)很簡單

<video muted autoPlay="autoPlay" src={video} loop="loop" style={{'width':'100%', 'height':'100%', 'objectFit': 'fill'}}>
                  <source src={video} type="video/mp4" />
 </video>

在video標(biāo)簽中加入

muted 即可

以上。