Uncaught (in promise) DOMException 报错

最近在项目里面加入视频自动播放，有时候会报错(RT)，不能自动播放。

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

然后查了一下说是Chrome浏览器会禁止自动播放 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.});
}

当我这样写的时候发现问题还没有解决。然后在找到了另一个解决方法就是在标签里面加入 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>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/553533.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！