<video
poster="封面路径.jpg"
src="视频路径.mp4"
preload
autoplay
loop
muted
@loadstart="当浏览器开始加载媒介数据时运行脚本"
@loadeddata="当加载媒介数据时运行脚本"
@loadedmetadata="当媒介元素的持续时间以及其他媒介数据已加载时运行脚本"
/>
其中muted必须加,否者不会自动播放
如果要视频的显示区域填充满父级容器,就使用这段样式
video{
object-position: center;
object-fit: cover;
}