vedio实现视频分段播放

可以通过监听 `timeupdate` 事件来实现视频分段播放。`timeupdate` 事件会在视频播放的当前位置发生变化时触发，可以通过 `currentTime` 属性获取当前的播放位置。在 `timeupdate` 事件中，判断当前播放的位置是否达到了下一段视频的起始位置，如果达到了，就跳转到下一段视频的起始位置并播放。

以下是一个视频分段播放的示例代码：

<video id="my-video" src="video.mp4"></video>

var video = document.getElementById('my-video');
var segments = [
  { start: 0, end: 10 },
  { start: 10, end: 20 },
  { start: 20, end: 30 }
];
var currentSegment = 0;

video.addEventListener('timeupdate', function() {
  if (video.currentTime > segments[currentSegment].end) { // 当前时间大于当前段的结束时间
    currentSegment++;
    if (currentSegment < segments.length) { // 还有下一段
      video.currentTime = segments[currentSegment].start; // 将当前时间设置为下一段的开始时间
      video.play();
    }
  }
});

在以上示例代码中，我们定义了一个 `segments` 数组来存储视频分段的起始和结束位置。在 `timeupdate` 事件中，我们判断当前播放位置是否达到了下一段视频的起始位置，如果达到了，就将当前时间设置为下一段视频的起始位置并播放。

需要注意的是，在使用 `timeupdate` 事件时，如果视频的播放位置发生了变化，该事件会被频繁触发，因此应该尽量避免在该事件中执行过多的操作。