HTML如何添加视频背景

一，准备视频

我们首先需要准备一个视频，视频要小且要在web端能播放

二，引入视频

这里我们需要用到了video/标签，然后在source里面写视频的路径，autoplay用来使其自动播放，muted用来使其静音，loop为循环播放

<video id="1" autoplay muted loop style="width: 100%">

    <source  src="mp4/loading.mp4">

</video>

三，调节视频

以上的步骤还不能满足我们的需求，这个时候我们会发现有滚动条，而且视频会遮挡我们要显示的内容，可这远远不是我们想要的结果，可以通过css来实现

video{

          position: fixed;

          right:0;

          bottom: 0;

          min-width: 100%;

          min-height: 100%;

          width: auto;

          height: auto;

          z-index: -9999;
      }

背景音乐