videojs -如何在进度滑块移动时显示缩略图

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264">
  <source src="my-video.mp4" type="video/mp4">
</video>

var player = videojs('my-video');
player.thumbnails({
  0: 'thumbnail-0.jpg',
  10: 'thumbnail-10.jpg',
  20: 'thumbnail-20.jpg',
  // 添加更多的时间点和对应的缩略图
});

player.on('timeupdate', function() {
  var currentTime = player.currentTime();
  // 根据当前时间获取对应的缩略图
  var thumbnailUrl = player.thumbnails.getThumbnailUrl(currentTime);
  // 在页面中显示缩略图
  // 例如，可以创建一个<img>元素并设置其src属性为thumbnailUrl
});