Interactive Video loading causing slide to lose sync

Question

I have a course with 4 interactive videos. They are about 3 minutes long each, and a sort of choose your own adventure style. The first minute or so sets up a scenario, then I have some click boxes come up that pause the video and slide. The prompt the user to make a choice and depending on the choice the slide will jump to a corresponding bookmark to show how their choice plays out.

In some browsers (Mainly IE and Edge), once the video starts playing a grey gif overlay shows up that has a little animation and says "Loading".. Now, the loading image itself is not my main problem. When that screen is present it seems that the timeline pauses. This makes the click boxes for the scenario misaligned on the timeline, so the video runs several seconds past the desired pause point. I need it to pause at the specific point where the question text is on screen, so the pause getting delayed for however long the loading image is present makes making in informed selection impossible.

Is there a way to preload the videos when the course launches? Or possibly pause the slide the video is on until it fully loads? Or heck, maybe a way to pause the video if the loading screen comes up and resume once its done? I just need the slide timeline to stay synced with the video playing.

Any advice is appreciated!

Lilybiri · Accepted Answer

Because I don't know what I'm doing, haha! Thanks for the insight. Is there a way to prevent the original video slide from blurring out when the overlay slide come up?

I imagine i can extract the assets from the video and place them onto the overlay slide as well... But i didnt make the videos and the graphics are baked into them so it'd be better if the video doesn't blur. Thank you again!

OK, understand and this may need some editing. Have a look at two interactive videos I published publicly. Both are tutorials for Captivate.

Custom Play/Pause button

Editing Character colors

You can find some tips for interactive video, about the creation of master slides for the overaly content and KC slides in:

4 Tips for Interactive Video - Captivate blog

The part that is dimmed will be behind the overlay slide which doesn't have to be transparent. Maybe you will need some static images on those overaly slides but they are totally controllable: you can use advanced actions, Drag&Drop, anything. You will see in my videos that I create a navigation menu to the different bookmarks. Really worthwhile to try it out.

Lilybiri · Answer

You talk about an 'interactive video' but from the rest of the explanation it doesn't look like you are using the Interactive Video features. The new triggers to show overlay slides are synchronized with the video, those are real interactive objects. But you talk about 'click boxes'? Are you not using CP2019 but an older version?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded