Creating/inserting clickable links on a video in Storyline

Hello there!

I created a video that I uploaded into Storyline, where we have "buttons" for people to "click" to learn more about the subject in question. Basically, we prepared to add the hyperlink after the video was uploaded into Storyline. 

But, I see it's not that easy to add a hyperlink to a very specific part of a video. Has anyone done this, or found a way to insert the hyperlink to different parts of a video? I attached an example of what I'm trying to accomplish (text that embedded in the video - where I need to create a hyperlink over it that people can click). 

9 Replies
Matthew Bibby

The timelines of the video runs independently of the slide timeline, which makes things like this tricky. You can use a trigger to adjust a variable when the media completes (which can then be used to display your buttons) but you can't do it when the media reaches a certain point in time.

I personally use a standalone version of JWPlayer to do stuff like this. But it costs $$$ and is a bit technical to set up. If you want to use this approach, let me know and I'll provide you with some example code you can use.

Walt Hamilton

Matthew is right: The video has its own timeline. The only way to get around it is to do what the youtube video did.

At the point where you want the video to start, start a new slide. Cover the video with a filled transparent (do not use no fill) shape and do not display the video's timeline. If the video doesn't display a timeline, and starts when the slide timeline starts, the slide timeline is the same as the video. That gives you exact control over the video's timeline. Stopping the slide timeline stops the video. You can write triggers that say "Pause timeline of this slide when timeline reaches 15 sec, and the video will pause at 15 sec. Or Change state of Button 1 when timeline of this slide reaches 21.25 sec". Rather than writing that last trigger, I would just set the button at the 21.25 position of the timeline.

Two secrets to making it work: If the slide timeline and the video start at the same time, they have the same timeline. If you click on the video, it stops the video without stopping the timeline, which throws your timing off. The invisible shape prevents that. If you let the video show its own timeline it can be clicked, which messes up the timing.

Jenny Newman
Walt Hamilton

Matthew is right: The video has its own timeline. The only way to get around it is to do what the youtube video did.

At the point where you want the video to start, start a new slide. Cover the video with a filled transparent (do not use no fill) shape and do not display the video's timeline. If the video doesn't display a timeline, and starts when the slide timeline starts, the slide timeline is the same as the video. That gives you exact control over the video's timeline. Stopping the slide timeline stops the video. You can write triggers that say "Pause timeline of this slide when timeline reaches 15 sec, and the video will pause at 15 sec. Or Change state of Button 1 when timeline of this slide reaches 21.25 sec". Rather than writing that last trigger, I would just set the button at the 21.25 position of the timeline.

Two secrets to making it work: If the slide timeline and the video start at the same time, they have the same timeline. If you click on the video, it stops the video without stopping the timeline, which throws your timing off. The invisible shape prevents that. If you let the video show its own timeline it can be clicked, which messes up the timing.

Walt - I believe I understand what you are suggesting. Do you have a screen shot (or 2) that you could send me to help? I'm by no means an expert, and any help you can provide would be much appreciated. (BEYOND appreciated). 

Jenny Newman

Hey there Walt - thank you so much for all your help so far- If I could hug you, I would! Unfortunately - I'm still trying to get the hang of this. My problem is ultimately - the timing is off. I don't quite understand why when I insert a button at a specific (programmed) time, it pops up later than what I directed. 

Using your method above with adding a transparent rectangle over the whole video and adding my own buttons (content) here and there is the easy part. What's driving me nuts, is that if I tell the button to pop up at the 5 second mark, and disappear at the 10 second mark - it takes it upon itself to pop up at the 8 second mark (or whatever it feels like along the way when I'm previewing the work). So basically, it's doing whatever it wants vs. adhering to my trigger rules. 

I'm starting to think I'm crazy, or my version of Storyline 3 is bugged. 

Ashley Terwilliger-Pollard

Hi Ravi,

It's an idea I can certainly pass it along to the team. When it comes to features, often things that have a really easy workaround (or jugaad as I learned today) such as adding a transparent shape over your video so that a learner can't click are lower on our priority list than something like inserting closed captions.

Here's a bit more about how we manage all those feature requests and ideas we hear!