Html --笔记

视频标签自动播放

由于浏览器厂商为了提高用户体验禁止video标签可以有声的自动播放，也就是说如果想让video标签能够自动播放必须给video标签添加muted属性。

<div class="video">
   <video autoplay="" muted loop playsinline >
      Your browser does not support the video tag.
      <source src="/src/assets/home.mp4" type="video/mp4">
   </video>
</div>

.video{
    height: 86%;
    video{
      width: 100%;
      height: 100%;
      //object-fit:cover可设置视频填充整个页面
      object-fit: cover;
    }
  }

字体最小

一般浏览器会设置字体最小显示为12px，小于这个值的不会再改变