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;
    }

如此,功能实现。

posted @ 2022-02-26 15:50  飞天龙猫  阅读(2270)  评论(0编辑  收藏  举报