Forum Discussion
Storyline Video and base layer timeline
A few important things to know. In Storyline, the slide timeline and a video’s playback are not inherently synchronized. Here’s how it works under the hood:
- Slide Timeline: Runs independently once the slide starts. Anything placed on the timeline (shapes, text, animations) follows Storyline’s internal clock.
- Video: Has its own internal playback clock.
- If the video is set to play automatically when the timeline starts, they appear to start together, but they’re not "locked" in sync.
- If you pause/resume the video (with built-in controls), the timeline keeps running, so they drift apart.
- If you scrub the video, the timeline doesn’t follow.
Your options:
- JavaScript to intercept timeupdate from the video element.
- Custom solution with a pause/play button that controls the Storyline timeline rather than the video directly. The video plays automatically, but when the timeline is paused, resumed, or scrubbed, it appears that the video is paused, played, or scrubbed at the same time. This creates the illusion that the video and timeline are perfectly synchronized, even though the video is not actually controlled by the timeline. Then you can insert a thumbnail image anywhere on the timeline to launch a new video. It will always appear at the correct position on the timeline, so when the timeline is scrubbed, it displays exactly where it’s placed. This also eliminates the need for cue points.
See the attached example.
Have you experimented with setting the initial state of the next video button to hidden and triggering it's state change to normal when the media completes?
Hey Ron, so there's no next button...in the video that I created I have added a thumbnail image. If the video is played without pausing or skipping there is a clear box that appears at that point via the timeline, the user can then click it (they think they are clicking the thumbnail in the video) and it will allow them to view an additional video.
The issue I'm having is that if a user skips or pauses the video it doesn't pause or skip the timeline...so if they do that, the box that should appear in the timeline at that point will not appear because technically the timeline is out of synch with the video.
I wanted to know if there was a way to synch the video and timeline so that if a user pauses/skips the video that box will still appear when it should.