最近在項(xiàng)目里面加入視頻自動(dòng)播放，有時(shí)候會(huì)報(bào)錯(cuò)(RT)，不能自動(dòng)播放。

<videoid="videoPlayer"v-show="!isNormalCamera"class="preview-video"name="media"controls="controls"autoplay="autoplay"loop ><source :src="videoSrc" type="video/mp4"> </video>

然后查了一下說是Chrome瀏覽器會(huì)禁止自動(dòng)播放?https://developers.google.com/web/updates/2017/09/autoplay-policy-changes?。然后里面有解決辦法，代碼如下。

var promise = document.querySelector('video').play();if (promise !== undefined) {promise.then(_ => {// Autoplay started!}).catch(error => {// Autoplay was prevented.// Show a "Play" button so that user can start playback.}); }

當(dāng)我這樣寫的時(shí)候發(fā)現(xiàn)問題還沒有解決。然后在 找到了另一個(gè)解決方法就是 在標(biāo)簽里面加入?muted="muted" 然后問題解決。

<videoid="videoPlayer"v-show="!isNormalCamera"class="preview-video"name="media"muted="muted"controls="controls"autoplay="autoplay"loop ><source :src="videoSrc" type="video/mp4"> </video>

?

總結(jié)

以上是生活随笔為你收集整理的Uncaught (in promise) DOMException 报错的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。