Forum Discussion
Proper Video Pause/Play Using a Hotspot
Hello everyone, I have run into an issue that I hope you may be able to help me with. I have a video that starts, then pauses at a certain point and the learner is asked to find/click a specific part of the screen. The idea was that when the correct part of the screen was clicked (hotspot), an audio clip would play acknowledging the correct solution and the video would also "un-pause" and play to the end. I have no issues getting the video to pause and prompt the learner to click, the second audio clip will also only play if the learner clicks on the hotspot. The problem is that the video will "un-pause" and play if the user clicks anywhere on the video, not just on the hotspot, which results in misalignment of the hotspot. Both triggers to play the second audio and to play the rest of the video are under the hotspot, so I cant figure out why the audio trigger functions properly, but the "play video" function works even if one clicks outside of the hotspot. I need it to start playing again only when the hotspot is clicked. Any ideas here would be greatly appreciated and please let me know if you need additional information.
8 Replies
Try putting a transparent shape over the video, but below the hotspots.
Assuming that by a "transparent shape" you mean a shape with no fill, I tried it and it didn't work.
Never mind, I finally found the transparency slider for shapes in SL and it worked. Thank you for the tip!
I am wondering why Articulate let the user pause and play the video when users click on the video. (BUT timeline is still playing, this causes everything out of sync.)
I suspect this is out of Storyline's control. Embedded videos and a particular slide do have separate timelines (and I'm guessing are executed independently by the browser). If you stop the video, its timeline pauses, but the timeline of the slide continues. The way around that is to just put a transparent shape or hotspot over the video so that it can't be clicked.
Put a transparent shape over the video, and it won't pause when clicked. Transparent means a shape with a fill, set to 95 - 99% transparency.
In instead of a transparent shape, I usually just mask it with a hotspot. Same result, just quicker to do.
Hi All,
I am having the same issue: If the user clicks on a video to pause it, the slide or layer timeline continues, which creates a gap between the video timeline and slide/layer timeline. I am using the hotspot workaround (blocking the video with a hotspot so the user cannot click on it). However, I realized that the user can still select and pause the video with keyboard controls (i.e., tab to the video and hit the Enter key). So, the hotspot workaround does not work if the user is using the keyboard rather than the mouse. I cannot remove the video from the focus order to prevent the user from tabbing to it (for 508 accessibility compliance reasons), so is there any other workaround out there?
Thanks,
Domenick
