输出head 头部的HTML代码

<!-- 视频背景Html -->
<video id="backgroundVideo" autoplay loop muted class="video"></video>

JavaScript

<!--视频背景JavaScript -->  
    <script defer>
        // 动态设置视频源,增加安全性
        document.addEventListener("DOMContentLoaded", function() {
            var video = document.getElementById('backgroundVideo');
            // 混淆视频路径
            var encodedPath = "aHR0cHM6Ly95dWhpcm8uY24vdmlkZW8xL0VQMDUubXA0"; // 这是你视频的 base64 编码
            var videoPath = atob(encodedPath); // 解码 base64 字符串
            video.src = videoPath;
        });
    </script>

CSS

/ 视频背景CSS /

.video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 确保视频覆盖整个区域 */
  z-index: -1; /* 将视频放在背景下面 */
}
如果觉得我的文章对你有用,请随意赞赏