Thumbnail Seeking

Thumbnail seeking allows users to quickly navigate through longer videos by displaying preview images associated with specific timestamps as they hover over the progress bar or seek through the video.

To enable thumbnail seeking, add a VTT file with thumbnail image URLs to the video source configuration:

const player = createPlayer('player-container', {
  license,
  source: [
    {
      type: 'application/dash+xml',
      src: dashUrl,
    },
    {
      type: 'application/x-mpegurl',
      src: hlsUrl,
    },
    {
      type: 'thumbnail',
      src: 'https://example.com/thumbnails.vtt'
    },
  ],
})