Video pause() 方法

语法

pause() 方法没有任何参数，调用该方法会暂停当前正在播放的视频。

const video = document.getElementById('myVideo');
video.pause();

示例

下面是一个简单的示例，演示了如何使用 pause() 方法暂停视频的播放：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Player</title>
</head>
<body>
<video id="myVideo" width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

<button onclick="pauseVideo()">Pause</button>

<script>
function pauseVideo() {
  const video = document.getElementById('myVideo');
  video.pause();
}
</script>
</body>
</html>

在上面的示例中，当用户点击按钮时，会调用 pauseVideo() 函数，然后暂停视频的播放。

注意事项

• 在调用 pause() 方法之前，需要确保视频元素已经加载完成。
• 如果视频已经暂停，再次调用 pause() 方法不会有任何效果。
• 如果需要在视频暂停时执行其他操作，可以使用 pause 事件监听器。

通过 pause() 方法，我们可以方便地控制视频的播放状态，为用户提供更好的观看体验。