Skip to main content
AJibb
Participating Frequently
October 6, 2014
Answered

Captivate 7 HTML5 "Loading..." error in Internet Explorer 11

  • October 6, 2014
  • 5 replies
  • 3649 views

 

We have moved into creating HTML5 Captivate projects which include MP4 video on certain slides.  Once published and uploaded to our server, the slides with video will occasionally and randomly (this will not happen all the time) “hang” up with a greyed-out  “Loading…” screen overtop.  This essentially freezes the unit and you can’t continue.  This only seems to be happening in Internet Explorer.


Does anyone have any idea on how to fix this? I am using Captivate 7.


I have worked through other bugs that were happening in both Chrome and Firefox, but this one still lingers in Explorer.


This topic has been closed for replies.
Correct answer RodWard

I should probably clarify somewhat - on the slides where it hangs, the video does actually come up and play.  All the way through.  The "Loading..." screen just appears overtop of it, and then you can't click on any of the buttons or navigation.   It just sits there and spins.  If you refresh the page, everything works fine.


The "loading" animation indicates the video is buffering and that's usually a sign that your current end user bandwidth isn't high enough to sustain the video's encoded playback bitrate. 

In other words, if the video is encoded at 300 kilobits per second playback, and your actual internet bandwidth at the receiving computer is not at least 300 kilobits or greater, then unless you are using a preloader, you will find at some point the video will buffer.  The preloader percentage helps overcome the shortfall to some extent.  If the video still stops partway and buffers, then you either need to increase your bandwidth or increase your preloader percentage.

There are some other variables, but these are the main ones.

5 replies

Inspiring
October 24, 2018

Count me in too. I've got a client who is reporting this same problem with an HTML5-published SCORM Captivate (2017) course we put together. Videos play normally and completely, but with the gray overlay and "Loading..." text that effectively locks out navigation.

I'm trying to get more info from the client, as I am unable to replicate the problem on our computers/network.

In my case, Preloader is checked (using the default animation) and the percentage is set to 25%. As the video actually plays to completion, it doesn't seem to be an issue with bandwidth or codec, but rather a bug of some kind that is preventing Captivate from removing the overlay when the video has buffered the specified amount.

Participant
December 28, 2018

Just a heads up.

I contacted Adobe support about this issue as well. I'm using Captivate 9, publishing in HTML5 and am only having this issue with IE11. I've tried all of the solutions proposed in this thread to no avail. Support informed me it is a known bug and they are working with Microsoft to fix it. There are currently no workarounds or any ETA. Since this has been an issue for 4 years though, I don't have my hopes very high.

jim_noswim
Participant
September 25, 2019

To anyone interested.. have found a way to "hide" the grey loading issue.

1. Click on slide with video
2. Click off stage
3. Click > Properties > Actions > "On Enter" Execute JavaScript
4. Click Script_Window > copy/paste text below and click OK.

 

var x = document.getElementById("blockUserInteraction");
setInterval(function(){x.style.display = "none";},1000);


5. Do this for every slide with video.

Participating Frequently
October 18, 2018

Hello,

This status of this post is set to "Answered". I am having exactly the same issue 2 years on, with Adobe Captivate 2019 using Chrome and IE, scorm published to both Cornerstone and Cloud.Scorm. Can you tell me what the final solution was please?

RodWard
Community Expert
Community Expert
October 18, 2018

There can be several reasons why you might see a loading animation.  The solution for someone else's problem might not resolve your own.

You will need to give us more information.

Known Participant
March 11, 2015

Hey guys, so here is what I found out - if you leave like 0.5 seconds empty in front of the video (drag the video 0.5 seconds, don't let it start from the beginning of the slide), it won't show the grey loading on IE.

This in combination with the answer from RodWard will solve your issues.

MrTibb
Participating Frequently
March 11, 2015

Thanks, I'll give that a try.

msco
Participating Frequently
June 20, 2016

So I'm having this issue too, also only in IE 11 - videos continue playback uninterrupted but the loading overlay still comes up. I'm using videos spread across multiple slides, my compression is set for a pretty low target bitrate (.5 Mbps), using a pre-loader at 100% and I'm pretty sure it's not an actual buffering problem but this IE 11 bug (loads fine on other browsers and for people in multiple different locations). I've also tried adding .5 sec at the head of each slide where a new video starts but that hasn't solved it.

Rod, any chance you could expand on what those other variables might be? It's not the connection speed, video bitrate, or pre-loader % for me.

I should also mention the project was built with the latest version of Captivate 9 and this is HTML5 output.

Participant
February 26, 2015

We're having the same issue.  In our case, it appears to be localized to Internet Explorer 11.  We've tested our courses on Chrome (PC, iOS, and Android devices), Safari, and other browsers, and the videos load fine.  We even have a machine that still has Internet Explorer 7, the videos played fine on that machine, without the gray "loading" overlay.

MrTibb
Participating Frequently
February 26, 2015

Yeah, I never did find a way to fix it.  The client never complained of it happening on their end, so I just left it at that.

On further projects, I've been able to use the dual Flash/HTML5 output option, so most of the time the project is loaded up on the end user's machine as Flash - avoiding the problem.

Participant
October 6, 2014

Do the video file names contain umlauts or other non-ASCII characters? If so, try renaming them. You don't have to re-import them, just rename them in the project's library.

AJibb
AJibbAuthor
Participating Frequently
October 6, 2014

Nothing too exotic. There are spaces, brackets and underscores, though.  I'll try replacing the spaces, though, because I know browsers often change them to "%20..."

Edit:  Just tried this, and it didn't make a difference.

RodWard
Community Expert
Community Expert
October 6, 2014

get rid of the brackets too. underscores should be fine.

however i strongly suspect your main issue is simply insufficient bandwidth to support your video files.