Forum Discussion
Screencast Video Is Fully Clickable – Need to Restrict Interaction to Specific Area
I’ve inserted a screen recording as a video on a single slide in Storyline 360, with mouse movements removed. The video is meant to have just one interaction: the learner clicks a specific area to trigger a Jump to Next Slide.
However, during preview, the entire video appears clickable, not just the intended hotspot. I considered overlaying a shape to block interaction temporarily, but I’d prefer to avoid that. If a learner revisits the slide and already knows where to click, I want them to be able to do so immediately—without waiting for a delay or overlay to disappear.
Is there a way to restrict clickability to just the defined hotspot area on the video, while keeping the rest of the screencast non-interactive please?
Thank you guys 😀
I'd overlaying a shape with 1% opacity, then placing the hotspot on top of that shape.
5 Replies
I'd overlaying a shape with 1% opacity, then placing the hotspot on top of that shape.
Thanks, Chris — that was really helpful 😀
I’ve overlaid a rectangle shape on row 2 of the Timeline, formatted with No Fill and No Border instead of using opacity, as you suggested. The clickable hotspot is placed on row 1, and during testing, the slide behaves as expected: clicking outside the hotspot doesn’t trigger any action.
However, I’ve noticed that the click icon still appears when hovering over the video, even though it’s not actually clickable outside the hotspot. It might be a minor UX issue, but I’d love to know if there’s a way to suppress that cursor behavior.
Also, I’ve spotted a thin black border at the top of the screencast that I can’t seem to remove or hide. I’ve checked formatting options and timeline layers but haven’t found the source. Any ideas?
Thanks again for your guidance!
MeeraLynn-UK : The shape must have a SOLID fill to prevent clicking through it with a mouse. Just set the transparency to 100%. That makes it like glass: you can see through it, but you can't reach through it.
However, the video would still be accessible via keyboard. See my other reply for details.
As Chris said, you can cover the video with a shape that has a solid fill set to 100 transparency. Then add a trigger to the hotspot that changes the state of the shape to Hidden when the hotspot is clicked. Be sure that trigger comes before the trigger that jumps to the next slide. (Storyline can't run a trigger if it's already left the slide.)
Note, though, that this only prevents the user from clicking the video with a mouse. It doesn't prevent them from accessing it with their keyboard.
If you want to prevent keyboard access, too, you could do this:
- Keep the video on the base.
- Add a new layer, and put the hotspot on that.
- Set the Slide Layer Properties to prevent interacting with the base.
- Add a trigger on the base that shows the layer when the timeline starts on the slide.
