muted解决谷歌浏览器autoplay不起作用(视频无法自动播放)问题
所属分类:建站知识 发布时间:2021-06-28 阅读人次:703本文作者:金柚互联

以前给客户建网站时一直觉得video 添加 autoplay属性后,视频会自动播放,然而这次开发一个小项目用到video时才发现,设置autoplay属性在谷歌浏览器里居然无效?!视频只有在controls的模式下点击播放按钮才可以播放。
于是小编赶紧查了下video标签,发现没错啊,都一一设置好了,video标签属性如下:
src 要播放的视频的 URL
autoplay 如果出现该属性,则视频在就绪后马上播放
controls 如果出现该属性,则向用户显示控件,比如播放按钮,进度条等
height 设置视频播放器的高度
width 设置视频播放器的宽度
autoplay 如果出现该属性,则视频在就绪后马上播放。 controls 如果出现该属性,则向用户显示控件,比如播放按钮,进度条等
loop 如果出现该属性,视频播放结束会再次播放,即循环播放
muted 静音播放
poster 视频的封面图
preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,该属性无效
继续排查video不能自动播放的原因:
①未加autoplay属性,或者autoplay属性为false
②有的浏览器不允许非静音自动播放,如谷歌浏览器,所以要加上muted属性,才会自动播放
发现是没加muted属性,导致无法自动播放,加上就OK了~

珈文网络凭借6年专业企业网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为1200多家中小企业客户提供品质建站服务,得到了客户的一致好评。如果您有公司网站建设优化、公司网站改版、竞价落地页设计、域名注册、主机空间租赁、手机网站建设、网站备案、小程序开发、APP开发、企业宣传视频制作、万词霸屏等方面的需求,请点击QQ咨询我们或拨打咨询热线:158 155 17902(同微信)吧。
原文链接:https://www.jin-you.com/news/knowledge/1018.html
上一篇文章:dede织梦如何快速清理自定义表单里的垃圾留言?
下一篇文章:点击查看源代码是什么意思?如何查看网页源代码?