今天写了个页面,把视频当作背景,发现视频无法播放,具体是什么原因呢。让我们看看吧!
video标签重要的属性吧~
src 要播放的视频的 URL。
autoplay 如果出现该属性,则视频在就绪后马上播放。
controls 如果出现该属性,则向用户显示控件,比如播放按钮,进度条等。
height 设置视频播放器的高度。
width 设置视频播放器的宽度。
autoplay 如果出现该属性,则视频在就绪后马上播放。 controls 如果出现该属性,则向用户显示控件,比如播放按钮,进度条等。
loop 如果出现该属性,视频播放结束会再次播放,即循环播放。
muted 静音播放。
poster 视频的封面图。
preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,该属性无效。
video不能自动播放的原因:
未加autoplay属性,或者autoplay属性为false
有的浏览器不允许非静音自动播放,如谷歌浏览器,所以要加上muted属性,才会自动播放