還是再用react開(kāi)發(fā)項(xiàng)目
先上代碼
如下
<video autoPlay="autoPlay" src={video} loop="loop" style={{'width':'100%', 'height':'100%', 'objectFit': 'fill'}}>
<source src={video} type="video/mp4" />
</video>
正常這么寫是沒(méi)什么問(wèn)題的
但其實(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í)很簡(jiǎn)單
<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 即可
以上。
