video标签未自动播放，autoplay无效的原因

今天写了个页面，把视频当作背景，发现视频无法播放，具体是什么原因呢。让我们看看吧！

 

 案例：百科书网-用心传递知识！ (bkbook.net)

video标签重要的属性吧~

src 要播放的视频的 URL。
autoplay 如果出现该属性，则视频在就绪后马上播放。
controls 如果出现该属性，则向用户显示控件，比如播放按钮，进度条等。
height 设置视频播放器的高度。
width 设置视频播放器的宽度。
autoplay 如果出现该属性，则视频在就绪后马上播放。 controls 如果出现该属性，则向用户显示控件，比如播放按钮,进度条等。
loop 如果出现该属性，视频播放结束会再次播放，即循环播放。
muted 静音播放。
poster 视频的封面图。
preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，该属性无效。
video不能自动播放的原因：

未加autoplay属性，或者autoplay属性为false
有的浏览器不允许非静音自动播放，如谷歌浏览器，所以要加上muted属性，才会自动播放