在js 中动态加载一个全屏视频，还有一个button按钮点击关闭视频

要在 JavaScript 中动态加载全屏视频并添加关闭按钮，你可以使用 HTML5 的 `<video>` 元素，结合 JavaScript 来实现。

首先，我们需要在 HTML 中创建一个 `<video>` 元素和一个按钮：

HTML 代码：

<button id="closeBtn">关闭视频</button>
<video id="fullscreenVideo" controls></video>

接下来，在 JavaScript 中，我们可以通过获取 `<video>` 元素的引用来动态加载视频，并为关闭按钮添加点击事件监听器：

JavaScript 代码：

const videoElement = document.getElementById("fullscreenVideo");
const closeBtn = document.getElementById("closeBtn");

// 加载视频
function loadVideo() {
  const videoSource = "path/to/video.mp4";
  videoElement.src = videoSource;
  videoElement.play();
}

// 关闭视频
function closeVideo() {
  videoElement.pause();
  videoElement.src = "";
}

// 监听关闭按钮点击事件
closeBtn.addEventListener("click", closeVideo);

// 加载视频
loadVideo();

在上述代码中，我们首先通过 `document.getElementById()` 方法获取到 `<video>` 元素和关闭按钮的引用。

然后，我们定义了 `loadVideo()` 函数，用于动态加载视频。你需要将 `"path/to/video.mp4"` 替换为你自己的视频路径。在函数中，我们将视频路径赋值给 `<video>` 元素的 `src` 属性，并调用 `play()` 方法来播放视频。

接下来，我们定义了 `closeVideo()` 函数，用于关闭视频。在函数中，我们调用 `pause()` 方法暂停视频播放，并将 `<video>` 元素的 `src` 属性设置为空字符串，以清除视频源。

最后，我们通过 `addEventListener()` 方法为关闭按钮添加了一个点击事件监听器，当点击按钮时，会触发 `closeVideo()` 函数来关闭视频。

通过调用 `loadVideo()` 函数，可以在页面加载时自动加载视频。你也可以根据需要在其他地方触发 `loadVideo()` 函数来动态加载视频。