video 播放暂停 js

以下是关于使用 JavaScript 实现视频播放暂停的相关内容：

基础概念： JavaScript 可以通过操作 HTML5 的 <video> 元素来实现对视频播放和暂停的控制。

优势：

提供用户友好的交互体验，让用户能够方便地控制视频的播放和暂停。
能够根据特定的条件和逻辑来自动控制视频的播放状态。

类型：常见的操作包括通过按钮点击事件来控制播放和暂停。

应用场景：

在网页中的视频播放器中，让用户自主控制视频的播放流程。
结合其他交互元素，实现更复杂的视频展示效果。

示例代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Video Play Pause</title>
</head>

<body>
  <video id="myVideo" width="320" height="240">
    <source src="your-video-file.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
  <button onclick="togglePlayPause()">Toggle Play/Pause</button>

  <script>
    const video = document.getElementById('myVideo');

    function togglePlayPause() {
      if (video.paused) {
        video.play();
      } else {
        video.pause();
      }
    }
  </script>
</body>

</html>

在上述代码中：