Explore UAB

Colleges & Schools

Blaze a Brighter Future
Blaze a Brighter Future
Center for Teaching and Learning

Interactive Video Paths

Learning Technology: Kaltura Media Space

Instructors and students can now choose their own adventure with Kaltura Media by creating, embedding, and sharing video paths that will increase engagement, enhance learning, and boost conversion.

Note for users of screen readers: Letters in parentheses in the instructions below refer to corresponding areas on example images. If you have any questions about these instructions, contact the Office of Learning Technologies for assistance opens a new website.

Creating an Interactive Video

Access My Media

  1. Access My Media.
  2. Click the Add New (A) drop down menu at the top right of the screen.
    Screenshot Viewport Image: A menu overlay displaying the Kaltura Media Space "Add New" dropdown menu, highlighting options A (Add New dropdown header) and B (Interactive Video option highlighted in blue)

Set Details

  1. Add a Name (A), Description (B), and select Add Media (C) drop down menu to display your My Media gallery.
    A form interface showing input fields for A (Name text box), B (Description text box), and C (Add Media dropdown menu).
  2. Locate your desired media and select Add (D) on each video you would like to add to the Interactive Video Path.
  3. Click Create (E) to begin creating video paths.
    A selection modal displaying the user's media library with an Add button (D) next to a video and a Create button (E) at the bottom.

Note: Additional videos may be added after adding the video path.

  1. To add an additional video node to the interactive path, drag and drop the Empty node (A) to the video composer.
  2. To select video nodes and branches, click the desired Selection Tool (B).
  3. To edit video node, select desired video and click the Pencil (C) icon.
  4. To duplicate a video node, select desired video and click the Double Square (D) icon.
  5. To delete a video node, select the desired video and click the Trash can (E) icon.
  6. To hide or view node labels, toggle over the Node Labels (F) icon.
  7. To hide or view paths, toggle over the Show Paths (G) icon.
  8. To add or remove videos from the media library, click Show Media (H).
  9. To zoom in or out of the video paths, click the Plus or Minus (I) icon.
  10. To center video paths on the video composer, click the Square or the ‘S’ (J) icon.

The interactive video workspace highlighting A (Empty node), B (Selection Tool), C (Pencil icon), D (Double Square icon), E (Trash can icon), F (Node Labels), G (Show Paths), H (Show Media), I (Zoom Plus/Minus), and J (Center view).

Building Video Paths

  1. Click Show Media (A) icon in the upper right of the video composer.
  2. Locate your desired media (B) you would like to add to your video path.
  3. Drag and drop your desired media to the video compose (C).
    The video composer interface displaying A (Show Media icon), B (desired media item), C (video composer canvas), D (Hotspots tool), and E (back arrow).
  4. Double click the node name(s) and add your desired name.
  5. Hover over the right side of your desired start node and drag and drop the arrow to connect to the next desired path. Repeat this step to connect to the next video paths.
  6. The connected paths will automatically create hotspots as an access point to navigate to the next interactive video. Double-click a video to see and edit the hotspots.
    The video composer interface showing connected nodes with Start and Next/Last hotspot path badges.
  7. Drag and drop the Hotspots (D) from the top left corner to desired location on the video.
  8. After customizing the hotspots, click the back arrow (E) to return back to the video paths.
    The video editing canvas highlighting E (back arrow) next to a header box and D (Hotspots tool overlay) on the video preview screen.

    Note: Hotspots can be edited by style, text and background to customize your desired hotspots. The hotspot videos may also be edited to change the start and end the individual hotspot video.

The image highlights Save Project (F) and Exit Project (G) options

Editing a Node

Double click the desired video node to edit its properties and behavior.

  1. To select hotspots, click the desired Selection Tool (A).
  2. To Add, Duplicate, or Delete Hotspots, click the desired tool (B) icon.
  3. To hide or view video rulers and guides, toggle the Rulers and Guides (C) icon.
  4. To enable snapping, toggle the Timeline Snapping (D) icon.
  5. To hide or view API timeline, toggle over the Timeline Snapping (E) icon.
  6. To click through through your interactive video path, toggle over the Click-Through Mode (F) icon. Note: This allows you to preview how the interactive video path will function.
  7. To edit video Node properties (G), enter/edit the Name, Description, Custom Data, and Source Media.
  8. The Behavior (H) is what happens when a node’s timeline has reached the end. There are options to freeze or create a default path so that the video automatically goes to another video.

The hotspot editing workspace highlighting A (Selection Tool), B (Hotspot tools), C (Rulers and Guides), D (Timeline Snapping), and E (API timeline).

Publish Your Video Path

Last Updated: September 2nd, 2026

Back to Top