输出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; /* 将视频放在背景下面 */
}