video标签自动播放视频和移动端封面空白问题解决

<video 
   src="xxxx/xxx.mp4" 
   autoplay="autoplay" 
   loop="loop" 
   muted="muted" 
   controls="controls"
   controlsList="nodownload"
   height="100%" width="100%">
 </video>······························we'e'e'e'e'e'e'e'e'e'e'e'e'e'e'e'e'e'e

autoplay 自动播放
muted 静音，如果autoplay不自动播放，添加muted会静音自动播放
controls 控制
src 视频资源
controlsList=“nodownload” 隐藏下载按钮
通过css隐藏下载按钮
video::-webkit-media-controls {
    overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

<video 
    src="xxxx/xxx.mp4" 
  poster="image.png"
>
 </video>

.video{
  object-fit: cover;
}