Hot Spots

This demo uses hyperlink icons to navigate to additional information or another point in the video.

License: All
Player Version:
Author: JW Player | GitHub
This demo includes:
  • addButton()
  • on('ready')
  • on('time')
  • on('seek')
  • seek()

Interactive video is a concept used in many applications — marketing, eLearning, eCommerce, and digital storytelling, just to name a few. This demo shows a simple yet effective implementation, with hyperlink icons popping in and out over the video. Icons can link to external pages, chapter markers in the current video, or to other videos.

The list of hyperlinks is loaded in the player from a VTT file. Since the link icons are rendered in HTML, they work on desktop browsers, iPads and Androids. The iPhone has no custom controls during video playback, so it is excluded for now.

Please Note: This player implementation is a Proof of Concept only provided to show the possibilities of the JW Player and Platform and should not be taken as an offer to create, edit or maintain custom integration or development.