h5 怎么实现点击视频播放，播放完后自动关闭

要实现点击视频播放，并在播放完毕后自动关闭，可以使用 HTML5 的 `<video>` 元素以及 JavaScript 来实现。

首先，在 HTML 中，创建一个 `<video>` 元素，并为其添加一个点击事件监听器：

HTML 代码：

<video id="myVideo" controls>
  <source src="path/to/video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

然后，在 JavaScript 中，获取到 `<video>` 元素的引用，并为其添加点击事件监听器和播放结束事件监听器：

JavaScript 代码：

const videoElement = document.getElementById("myVideo");

// 点击播放视频
videoElement.addEventListener("click", function() {
  if (videoElement.paused) {
    videoElement.play();
  } else {
    videoElement.pause();
  }
});

// 播放结束后关闭视频
videoElement.addEventListener("ended", function() {
  videoElement.pause();
});

在上述代码中，我们首先通过 `document.getElementById()` 方法获取到 `<video>` 元素的引用，并将其存储在 `videoElement` 变量中。

然后，我们通过添加点击事件监听器来实现点击视频播放/暂停功能。在点击事件处理函数中，我们检查视频的当前状态，如果视频暂停，则调用 `play()` 方法开始播放视频；如果视频正在播放，则调用 `pause()` 方法暂停视频播放。

接下来，我们添加了一个播放结束事件监听器，当视频播放完毕时，会触发该事件处理函数。在函数中，我们调用 `pause()` 方法来暂停视频播放。

通过上述代码，当用户点击视频时，视频将会播放/暂停，而当视频播放完毕时，会自动关闭视频。你可以根据需要自定义其他的行为和样式。请确保将 `"path/to/video.mp4"` 替换为你自己的视频文件路径。