admin管理员组

文章数量:1579355

查阅了很多博客上面都说是因为
Google Chrome 2018年1月起不再自动播放内容，
然而按照上面的解决方法在浏览器搜索框中输入：chrome://flags/ 方法是不行的

在尝试了许久之后得到以下两种解决方案可供参考：

方案一：
如果视频本身是没有声音的那么直接在 video 标签中加入 muted 即可解决

<video src="..." autoplay="autoplay" muted></video>

方案二：
如果需要播放的视频必须是有声音的，那么可以先将该元素隐藏，随后再通过点击事件显示就可以了，我用的是 vue-cli 脚手架，这样其实很繁琐，如果是通过点击之后展示视频的可以这样，参考如下

<template>

本文标签： 报错浏览器标签VideoDOMException

版权声明：本文标题：video 标签在谷歌浏览器下报错 DOMException: play() failed because the user didn't interact 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1727851708a1133637.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。