const closeBtn = document.getElementById("closeVideoBtn"); // 加载视频 function loadVideo() { const videoSource = "../assets/videos/1、乡镇（街道）平安指数.mp4"; videoElement.src = videoSource; console.log(1); } // 关闭视频 function closeVideo() { videoElement.pause(); document.getElementById("video-container").hidden = true; } // 监听关闭按钮点击事件 closeBtn.addEventListener("click", closeVideo); Cannot read properties of null (reading 'addEventListener')

当报错 `Cannot read properties of null (reading 'addEventListener')` 出现时，通常是因为 `document.getElementById("closeVideoBtn")` 没有找到对应的元素，返回了 `null`。这可能是由于以下原因导致的：

1. HTML 中没有具有 `id="closeVideoBtn"` 的元素。
2. JavaScript 代码在 HTML 元素加载之前执行，导致无法找到元素。

请确保以下几点：

1. 确认 HTML 中存在具有 `id="closeVideoBtn"` 的元素，并且该元素在 JavaScript 代码执行时已经被加载到 DOM 中。

   <button id="closeVideoBtn">关闭视频</button>

2. 将 JavaScript 代码放置在 HTML 元素之后，或者确保代码在页面加载完成后执行。可以将代码放在以下位置：
- 将 `<script>` 标签放置在 HTML 元素之后。
- 将代码放置在 `DOMContentLoaded` 事件监听器内部，以确保代码在页面加载完成后执行。

   document.addEventListener("DOMContentLoaded", function() {
       // 在此处放置 JavaScript 代码
   });

请检查上述两个方面是否满足，以确保正确获取到 `closeBtn` 元素，并添加事件监听器。