Use the Kaltura Hotspots tab to:
After you create and save hotspots, they will display on the video.
KMC users should configure the Hotspots plugin via the Universal Studio to display hotspots on the playback for each player. Player versions 2.75 and later are supported. For more information see the Universal Studio Hotspots Plugin configuration.
Navigate to the Kaltura Video Editor
For instructions, see Kaltura Video Editor User Guide.
Hotspots window layout
The Hotspots window has three main areas:
- Left pane – Displays your media details and all the hotspots created for that media.
- Right pane – Consists of:
- Media Player - The Kaltura Editor Player defined in the Editor Module by your system administrator. Use to preview your timeline modifications.
- Real-time Input
- Play/Pause/Jump to start of next hotspot/Jump to start of previous hotspot buttons
- Bottom pane – Displays the timeline. The timeline can be zoomed in/out to allow improved granulation of the timeline and fine-tuning. When zoomed out, a broader perspective is provided.
The Timeline includes the following icons and tools:- Real Time Marker
- Zoom marker - Use to enlarge the timeline display granularity
- Handlebars - Use to snap to a certain point on the video segment
Hotspots Tab Player - Safe zone
The bottom of the player, a visual rectangle, is reserved for player configuration and fields. Hotspots may not be created on this area and a warning message is displayed.
To zoom in/out of the Timeline
- Drag the Zoom marker to the level of granularity you want to see. This naturally will increase the length of the visible timeline since more frames will be viewable.
Create a hotspot
- Click the Hotspots icon.
- Click Play. (Optional) You can place a hotspot right on the video start or seek straight to a certain point. You can also click play and add the hotspot after pausing.
- Click + Add Hotspot or hover over the player display area and click + Add hotspot here. If hovering over the player, the hotspot is created over the selected position when clicking. If you use the button (in the left pane) the default position is at the top left of the player. A hotspot is created at the selected time on your media.
- In the Text field, type a name for your hotspot.
- Choose where you would like for the hotspot to lead.
- If you would like for the hotspot to lead to a specific URL, select URL and enter a URL in the Link to field.
Note: Kaltura supports "Mailto" hotspots if you would like to provide your viewers an easy way to reach you via email. Type, for instance, "Email us" in the Text field. Choose URL. Then type "mailto:[email address]" in the Link to field. When the user clicks the "Mailto" hotspot in the video, their email application launches with a new email draft already addressed to this email address. - If you would like for the hotspot to lead to a specific time in the video, select Time in this video and enter a time in the Time field.
Note: Text, Link, and Time are all optional. If you leave them blank, the hotspot will be transparent.
- If you would like for the hotspot to lead to a specific URL, select URL and enter a URL in the Link to field.
- (Optional) You can drag and drop the hotspot to another location on the player. The position and size can later be accurately adjusted with keyboard input, using the Advanced Settings panel.
- Click
Advanced Settings to modify the other settings, for example the display style and position for the selected hotspot.
- Click on the box next to Text Color & Style to open the color palette and change the text color. Use the drop down to change the font weight.
- Choose a Text Size by simply typing one in, using the up and down arrows, or choosing the size on the slider.
- Choose a Roundness by simply typing one in, using the up and down arrows, or choosing the roundness on the slider.
- Select a Background Color from the Background palette.
The following is an example of the Advanced Settings hotspots style change: - Enter a Position for the hotspot. Enter the Position in X and Y coordinates. The 0,0 point is the top left of the player.
- Enter a Size (Width and Height) for the hotspot. The position may be used to align your hotspots accurately on the display and depends on the player boundaries. The size is in pixels and should conform to your display screen configuration.
- Enter the Start and End times for the selected hotspot.
Note: You may also resize the hotspot using the handlebars. See Resizing the Hotspot. - Click
Save to save your hotspot.
The hotspot is listed under your Hotspots list in the left pane. The duration of the hotspot is highlighted in the timeline in yellow with handlebars for editing. You can edit hotspots when creating them or after they are saved. There are several editing options. See Editing Hotspots.
If you change the Advanced Settings when creating a hotspot, the settings become the default settings for the current editing session. If you edit the Advanced settings for an existing hotspot, the default settings will not change.
Actions menu
Each hotspot in the Hotspots list includes an action menu (3 dots). Use the Actions menu to Duplicate, Edit or Delete a hotspot. The order of the hotspots is according to the start time. If you change the start time in the timeline, hotspots will automatically reorder accordingly.
Edit a hotspot
- Click on the hotspot on the player, click on the hotspot in the hotspots list, or click on the Actions menu (3 dots) in the Hotspots display list and select Edit.
- Modify one or more fields (including Advanced Settings) of the hotspot display.
- Click Done.
Delete a hotspot
- Click on the hotspot on the player and click Delete or click on the Actions menu (3 dots) in the Hotspots display list and select Delete.
- Confirm your action by clicking Delete Hotspot.
Duplicate a hotspot
Click the Actions menu (3 dots) in the Hotspots display and select Duplicate.
After you duplicate a hotspot, you may rename the hotspot, change the Link to field or Time in the video, change the Advanced settings, and change the duration and the location.
Resize a hotspot
- Grab one of the handles on the hotspot to resize (increase or decrease) the hotspot's size.
- Click and drag the hotspot to its new location.
Edit hotspots using the timeline
- Use the yellow handlebars to shorten or lengthen the hotspot duration on the Timeline.
- Drag and drop any of the yellow segments (hotspot indicators) to any location on the video timeline.
- Use the Scroll on the right side to see the hotspots created for your media. Scroll to find a specific hotspot after the list had reordered.
Display media with hotspots in My Media
After you save hotspots, you can view them in your media. The hotspots are displayed on top of the player with a real time update during play and seek.
Clicking on a hotspot opens the Link to URL in a new tab and pauses the video. Hotspots without a URL are not clickable, and the video will continue to play.