video标签长宽样式自适应

<div class="divVideo">
        <video id="video"  controls="controls" >
          <source src="./video/01.mp4" type="video/mp4">
          Your browser does not support the video tag.

      </div> 

 

.divVideo{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:40%; //因为padding和margin等受width影响，父容器固定后，子标签可以进行填充。其他比例可以依照此法。
}
video{
    position:absolute;
    left:1%;
    top:0;
    width:98%;
    height:515px;
    object-fit: fill;
}