Html视频自动播放

[待解决问题]

<video controls="controls" class="videoItem" width="100%" autoplay="autoplay" loop="loop" >
<source src="~/img/567.mp4" type="video/webm" allowfullscreen="true" />
</video>
为啥自动播放不了，是哪和有问题吗，难搞哦

MVC

氟化铵 | 菜鸟二级 | 园豆：204
提问于：2021-07-21 20:22

< >

所有回答(5)

这是一些浏览器的限制，考虑一些情况下的用户体验问题默认禁止自动播放。有一个小技巧，静音下是可以自动播放的。初始化时先设为静音再自动播放即可。

guangzan | 园豆：266 (菜鸟二级) | 2021-07-21 23:16

你参考一下这个看能不能解决问题 http://www.360doc.com/content/19/1229/12/26535044_882889163.shtml

熊泽-学习中的苦与乐 | 园豆：2272 (老鸟四级) | 2021-07-22 16:55

设置为静音就可以了

___mouM | 园豆：96 (初学一级) | 2021-07-23 18:20

方法一：
在chrome 浏览器中输入：chrome://flags
搜索audio,找到Autoplay policy
在右侧的选项中设置为 no user gesture is required 即可
方法二：
　　给<video>标签添加muted属性，设置静音播放后就可以了

中控易动 | 园豆：918 (小虾三级) | 2021-07-28 18:54

浏览器机制

U型枕 | 园豆：231 (菜鸟二级) | 2021-07-30 17:34

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

Html视频自动播放

欢迎，请先登录或者注册。