Google Chrome (Windows) and loading HTML 5 Video

Report · Nov 06, 2015

Hi everyone,

I'm hoping that someone in Captivate land can help out with an issue and my project. The problem is that my project is not loading, or having problems, in the Google Chrome browser on Windows computers. There is no issue with any other browsers, and no issue on Mac computers (yes the project works in Chrome on Mac computers).

My question is if anyone else has experienced this issue or if anyone has any ideas on a solution.

Overview of the project*

My project has an intro of 5 instructional slides. One slide has a short mp4 animation, and the others have text. <- No issues to this point. After the introduction the user comes to a section title that has 12 buttons. Each button (branching) leads to a single page. On that page is a short instructional video and some instructional text. Some of the slides have multi-state carousels with text and images. After finishing the video and reading the text the user then clicks a button that leads them back to the section title where they can choose the next topic/button. The cycle then repeats, user goes to single slide, watches movie, reads text, and so on... When the user has viewed all of the instructional slides a button appears that leads them to a quiz.

So the problem starts about the 5th button (this is the only pattern that I can find. Clicking a different order of buttons still gives the same result about the 5th button). Chrome starts to drag on loading (getting the Windows spinning wheel), and Captivate will eventually load the page, but leave off the instructional video or some of the text elements. The buttons also might not appear on screen, but still will work (i.e. carousel button or return home button). Again, this issue is only with Chrome on Windows, but with Chrome on Windows as our featured browser for this project, we have to find a solution before our delivery date.

What we have already tried...

Essentially I have tried everything I could find in both the Captivate forum and through an internet search. Yes I have tried the version 7 and 8 patches from the Captivate Blog, and I have also tried the js fix from the CaptivateDev article, but still get the same results.

After doing some trial and error we found a few things... If I remove all of the videos, but leave the instructional text and carousels, the presentation works like it should (no issues). We also found a loop happening with the loading of text when the issue happens (found when using the developer tools in Chrome). The next test had us removing all of the instructional text from all of the slides. The result was a little bit of sluggishness on loading, but we were able to complete each slide/video.

We also have contacted Adobe Support, and were led through the two article/blog solutions a second time with no success, but have not received a response.

Again, this is only happening in Chrome on Windows computers. All other browser/platforms work perfectly. Not even a slow down to load the videos. The overall project is less than 150MB. No video is longer than 25 seconds and are not larger than 14MB.

Other Info:

Chrome Version 46.0.2490.80 m

Captivate version 9.0.0.223

Windows 8.1

*Because of confidentiality with my client I cannot share the actual course. I can work on removing/replacing images and videos, but keeping the functionality to post.

Report · Nov 06, 2015

Are you getting any errors in the Developers Tools console in Chrome?

I usually use an html page with the video tag , js and css and zip it up. Then import into Captivate. Works like a charm. Closed Captioning is timed to the video in the html page.

Report · Nov 09, 2015

Based on what you say here,

Garr2798 wrote:

Some of the slides have multi-state carousels with text and images.

I'm wondering if you would have better luck with the video elements loading in a pop-up which has a button timed to close the window, or instructions for the user to close the window, when the video segment ends.

It may be that you're loading a captivate file, loading a video, loading another instance of the Cp file, loading another video, then another instance of the Cp file, etc. all in the same browser window.

Alternatively, I would try breaking the Cp project into multiple Cp files that are each published with links to each other. This approach requires a bit of manipulation to chain and link the files together.

One version of the file structure might be:

cp_Menu.cptx contains 12 buttons

cp_element_1.cptx contains elements ONLY for 1st button, links to cp_Menu.cptx when element is complete

cp_element_2.cptx contains elements ONLY for 2nd button, links to cp_menu.cptx when element is complete

etc for all 12 elements

I'd created such a structure when working on a project to support the launch of a web-based accounting system.

The navigation issues were a challenge, but once we identified that not ALL USERS needed all the modules, this complicated structure paid off, as we were able to create multiple learning paths through the same content with very minimal changes in Captivate.

Report · Nov 20, 2015

Captivate supports video with H.264 Encoding.

Can you try

1. Open Adobe Media Encoder

2. Add the videos you are using in captivate to AME

If you get a file import error, then those videos are not supported.

Thanks,

Rahinie