Overview
This tutorial provides instructions on how to add a hotspot to a Kaltura video.
Any Kaltura media owner can add a hotspot to a video they own. This applies to all UCSD instructors, students, and staff with active directory credentials.
Critical Concepts
Prerequisites
- You must be a media owner or co-editor. The ability to add hotspots is only available in the Kaltura video editor, and only media owners and co-editors are able to access the editor for a particular piece of media.
- There are 3 hotspot types. If you'd like to see tutorials about the other ones, here they are:
Steps to Take
| In Canvas | In MediaSpace |
|---|---|
|
|
- Locate the video to which you want to add Hotspots and click the pencil icon on its row.
- Click Launch Editor in the gray box next to the video player. The Kaltura Video Editor will launch.
In the left navigation of the Video Editor, click the icon that looks like an arrow within a square.
Use either the play controls within the video player or the timeline below to find the place in your video where you want the hotspot to first appear onscreen for viewers, and click the Add Hotspot button.
- Enter the text you want to display onscreen in the "text" field.
- Ensure that the "URL" radio button is selected.
- Enter the desired URL in the "link to" field, including the prefix.
- Click Done. (If you want to explore the "Advanced Settings," read below.) You should now see a little yellow box has appeared above the timeline at the bottom of the Video Editor, and above the timeline.
- Position the hotspot within the player window by dragging and dropping it where you see fit. You can also enlarge the box, though this won't change the font size.
- Play the video or use the scrubber in the timeline to find the time in the video when you no longer want the hotspot to be onscreen for viewers. Drag the right side of the yellow box that's above the timeline to that desired endpoint.
- Click Save at the top right of the Video Editor window.
Advanced Settings
You have additional configuration options for your hotspots that you can access by clicking "advanced settings" when an existing hotspot is selected in the Video Editor. In addition to being able to change the text and link or timecode (depending on the type of hotspot), you have control over the look and feel.
Styles
- Text Color & Style allows you to change the color and weight of the text (weight being whether it's bold, thin, or "normal").
- Text Size allows you to change the size of the text.
- Roundness affects the corners of the textbox. The higher the number, the more rounded the corners become.
- Background color allows you to affect two properties of the textbox: the color and its transparency.
- Position allows you to articulate specific x and y coordinates for the textbox, if you'd rather use hard numbers rather than dragging and dropping it in the preview video window.
- Size allows to articulate the specific size of the textbox, if you'd rather use hard numbers rather than dragging and dropping it in the preview video window.
Timeline
- Start time and end time allow you to manually enter mm:ss (2 digit minutes, 2 digit seconds) timecodes for the starting and ending points for when the hotspot will be visible, rather than having to use the yellow "curtains" above the timeline.
If you still have questions or need additional assistance, feel free to contact us at kaltura@ucsd.edu.