muted解决谷歌浏览器autoplay不起作用(视频无法自动播放)问题
摘要：以前给客户建网站时一直觉得video 添加 autoplay属性后，视频会自动播放没有问题，然而这次开发一个小项目用到video时才发现，设置autoplay属性在谷歌浏览器里居然无效？！视频只有在controls的模式下点击播放按钮才可以播放。
以前给客户建网站时一直觉得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（同微信）吧。
于是小编赶紧查了下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（同微信）吧。
声明：本文来自网友投稿，本站免一切责任，如有侵权，请联系小编删除。
