Hotspot on top of a video based on video's timeline, not chronology's?

Sep 20, 2023

Hi,

I'm trying to add a hotspot (or an invisible object, it doesn't matter, I just want a zone that redirects to a URL when the user clicks on it) on top of a video, that appears when the video's timing is 2:00, and disappears 5 seconds later.

Of course, I can make this hotspot appear from 2:00 to 2:05 using the timeline. But my problem is the following: if the user pauses the video (I use the video controls, not the seekbar), or jumps to another moment of the video, the whole thing is broken, as my hotspot will still appear 2 minutes after the chronology started.

So is there any way to have the hotspot appear from 2:00 to 2:05 based on the video's timeline, not the chronology? (basically a "when media reaches X time" trigger. I saw there's an 8-year old thread about this idea, but the answers assume the slide, hence the video, is controlled by the seekbar)

Thanks.

2 Replies
Nedim Ramic

You may achieve this with a bit help of JavaScript where this link could appear when the video (not the SL timeline) reaches some point , and disappear in another point of the video. Assuming that the SL seekbar is turned off. Example:
https://360.articulate.com/review/content/0231a835-3bb4-4247-9f2b-4f637a55bba8/review

If you are not confident with JavaScript I strongly recommend the below article about "Jump-To-Time" triggers at https://articulate.com/support/article/Storyline-360-Jump-to-Time-Trigger

Walt Hamilton

The simplest way seems to be to use the slide timeline. Start the video when the slide starts, and the slide timeline will be the same as the video. Place a filled shape with 98% transparency above the slide so the learner doesn't click the video to stop it.  That way, when the slide timeline reaches a point, the video is at the same point. When they jump to a URL,lightbox it. The slide will pause, and resume from that spot when the lightbox is closed.

If you want the learner to be able to pause the video, allow them to pause the slide timeline, which now controls the video.