video监听事件怎么触发

HTML5 的 `<video>` 元素提供了多种内置的事件，用于监听视频的不同生命周期状态。你可以使用 `addEventListener` 方法来添加这些事件的监听器。以下是一些常用的 `video` 视频事件及其触发条件：

1. **`play`**：当视频开始播放时触发，或者用户点击播放按钮时。

video.addEventListener('play', function() {
  console.log('视频已开始播放');
});

2. **`pause`**：当视频暂停或用户按下暂停键时触发。

video.addEventListener('pause', function() {
  console.log('视频已暂停');
});

3. **`resume`**：当视频从暂停恢复播放时触发，但在实际浏览器环境中很少见，因为通常不会单独触发此事件。

4. **`loadedmetadata`**：视频数据已经加载完成，但内容还未播放时触发，这时可以获取视频的基本元数据，如时长等。

video.addEventListener('loadedmetadata', function() {
  console.log('视频元数据已加载');
});

5. **`canplaythrough`**：当视频资源足够缓存以流畅播放时触发。

video.addEventListener('canplaythrough', function() {
  // 开始播放，因为它表示有足够的数据来播放视频而不会有卡顿
});

6. **`playbackratechange`**：当播放速度改变时触发。

7. **`playing`** 和 **`pause`** 以及 **`ended`**：这些是简单的状态改变事件，无需额外操作即可监听。

8. **`ended`**：视频播放完毕时触发。

video.addEventListener('ended', function() {
  console.log('视频已结束');
});

9. **`error`**：当视频加载或播放过程中发生错误时触发。

添加事件监听器后，你需要记得在不需要时调用 `removeEventListener` 来移除监听器，以避免内存泄漏。