html背景 播放视频作为背景

在网页放置播放状态的视频,作为背景。
实现原理:
1、准备视频文件;
2、使用video标签播放视频;
3、设置video标签图层层级。

<video src="../../assets/video/bg.mp4" autoplay loop muted ></video>
    video {
      height: 100%;
      width: 100%;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -99;
    }

如此,功能实现。

上一篇:HTML——认识与了解


下一篇:(一)模仿范本创建一个个人主页