003 H5P Example Interactive Video: Navigation Menu

In this H5P example for interactive video, I will create a permanent navigation menu using transparent hotspot buttons that display for the entire video duration.

Apps and Equipment

The items listed here are shown in the example video, however most can be substituted for other apps/equipment with similar functions, such as Google Slides vs Microsoft PowerPoint.

  • H5P or Lumi
  • YouTube
  • Computer

Source Files

This is the video link used in the example https://youtu.be/D3HbCUmE5KM.

Final Content Type

This activity cannot be embedded on other websites. To use this activity in your own websites, you must select “Reuse” and then select “Download as an .h5p file”. In your instance of the H5P creation tool, select “Add Content”, then select “Upload” and choose the file ending in .h5p that you recently downloaded.


The H5P community is all about sharing! Please consider sharing the link to your remixed creations in one of the following places:

  • the comments below,
  • the H5P Showcase forum,
  • social media with #H5Pcommunity
  • or the H5P OER Hub.

Leave a Comment