MEDIA

Thumbnails

Sprite-based seek bar thumbnails. Enable hasSpriteThumbnail: true and configure your media source. The player renders preview frames on the seek bar hover tooltip.

Configuration

hasSpriteThumbnail

HLS (m3u8) Sources

MP4 Sources

How thumbnails work

The player reads a sprite sheet from your CDN when hasSpriteThumbnail: true. Hover over the progress bar to see frame previews in the seek tooltip.

JSON Config

{
  "id": "hope-video-thumbnails-demo",
  "muted": true,
  "autoplay": true,
  "hasSpriteThumbnail": true,
  "media": {
    "mp4": []
  }
}

Event Logs

HopeVideoJS is a flexible and customizable video player solution based on Video.js, developed by Umut Yaldız. It offers a modern and powerful media playback experience with its open-source structure.