video标签

      <video src="../../../video/video2.mp4" controls="controls">您的浏览器不支持 video 标签。</video>

当视频播放在左右两边有白边的情况下

在你的样式中用

 video {    
      object-fit: fill;
    }

常用的属性

1.src是播放的视频源
2.controls底下的播放条等
3.loop 播放完毕后是否循环播放
4.controlslist 播放条底下的功能开关
——nodownload 不显示下载按钮
——nofullscreen 禁止全屏按钮
5.poster 加载前显示的图片
6.preload 视频在页面加载时进行加载，并预备播放。
——auto - 当页面加载后载入整个视频
——meta - 当页面加载后只载入元数据
——none - 当页面加载后不载入视频
7.autoplay 自动播放(当出现autoplay的时候会自动忽略preload)

    <video
        src="../../../video/video2.mp4"
        webkit-playsinline
        playsinline
        x5-playsinline
        x-webkit-airplay="allow"
        controls        
        loop="loop"       
        controlslist="nodownload"
         preload="auto"
        width="100%"
        height="200"
        poster="../../images/default.jpg"
      >您的浏览器不支持 video 标签。</video>

一般情况会在video的标签中套一个子标签source 一般这样是为了解决浏览器兼容的问题
一般支持的格式有ogg、mp4、webm

 <source src="" type="video/mp4" />
 <source src="" type="video/webm " />