Skip to main content
Participating Frequently
July 25, 2012
Question

Autoplay with HTML 5

  • July 25, 2012
  • 8 replies
  • 19123 views

Hi How can you put AutoPlay on HTML5? I still have to click on an arrow, so that the content starts.  With Flash was not a problem ...  Regards Chris

This topic has been closed for replies.

8 replies

Participating Frequently
January 10, 2018

Play button worked for our company so far. But this problem is moving to desktop and Captivate is not ready for this.

Read these:

Auto-Play Policy Changes for macOS | WebKit

Work arounds for the Safari 11 no-automatic play problem?

Workaround for Safari 11 Update

And Chrome did or is doing the same.

Autoplay Policy Changes  |  Web  |  Google Developers

chrome://flags/#autoplay-policy

chrome://media-engagement/

Participating Frequently
November 29, 2017

This thread is 5 years old and the issue is still here (v11.1.0).

And today the fix in this thread is not working anymore because all the JS files are now minified.

I understand that it was like that because of a 'restriction' on iOS that implied the user to explicity do an action for the sound to play. But today it doesn't seem to be the case anymore.

Does anyone know how to fix it now?

Known Participant
July 28, 2016

Hi, i have try this code:

If you want autoplay with HTML5, edit index.html and find function DoCPInit(). After CPPostInit(), add the lines

CPPlayButtonHandle("onkeydown");

cp.movie.play();

its working fine. But now i am facing issue with SCORM bookmarking. When i am re-login the LMS, i am not able to view last visited slide where i left course last time.

Please help me on this issue.

Thanks

GMOMike
Participating Frequently
September 28, 2016

Autoplay in HTML5 was resolved with Captivate 9, I believe. Until then, the solution I provided above was working OK for us. I think Docebo was being overzealous about security during one of its releases but it also seems to be OK at this point.

As far as bookmarking is concerned, I haven't had any trouble with that in SCORM. My LMS has finally started supporting Tin Can (xAPI) and bookmarking doesn't seem to work in THAT.

b.rembrandt
Known Participant
April 11, 2016

All you have to do is open the index page in a text editor and add this little code snippet:

cp.movie.play();

}

below this:

cpInit();

It will work on all IOS devices.

Inspiring
July 29, 2016

On CP 9 HTML5 published, Changing:

cpInit();

  initialized = true;

}

To:

cpInit();

  cp.movie.play();

}

Works but there is no audio.

Known Participant
August 1, 2016

Thanks.

I am using Captivate6 & my project also includes audio as well. So can anyone please help me with this scorm bookmarking issue.

GMOMike
Participating Frequently
February 5, 2015

Thanks Kurrykid‌ for the detailed workaround. I have Captivate 8 and am having this problem as well, but I think my LMS (Docebo), being over-zealous about security, strips out the window.cp script object. So I can't just use cp.movie.play();

I'm hoping there's a way I can use HTML5 so that I can avoid Flash for mobile devices, but I'm finding that in Chrome, HTML5 can't be made to autoplay, in Firefox, it throws up the Unsupported Browser box (disabled this with $("#CPUnSupportedBrowserWarning_ID").remove();)

I don't mind editing code a little, but I need some kind of workaround: my users aren't going to know what to do. I was originally hoping to have my own simplified buttons on each slide but I don't see a good practical way around the default playbar.

Can anyone from Adobe chime in on this issue? I would like to see if I can verify that the LMS is stripping out Javascript in the SCORM file. Thanks so much for any help!

windscorpion
Inspiring
February 6, 2015

Put an alert('hi'); into the javascript, you will see if the javascript is being run or not then

GMOMike
Participating Frequently
February 6, 2015

Hi windscorpion‌ thanks so much for responding - Javascript is working, it's the window.cp object that is getting stripped out. Sorry, I shouldn't have made it sound as if ALL js was getting removed. ScormCloud LMS lets me interact with window.cp, but not Docebo.


Does anyone know an alternate way of getting that movie to play without access to the cp object? Thanks again

Participating Frequently
November 14, 2013

Is there a way to eliminate existence of the start arrow? I am using 6.0 and outputing to HTML5 with Autoplay and Preload checked but the program doesn't start automatically - the user must press start. I don't want to change the image, I want the start arrow to be eliminated.

Thanks,

Barbara

Known Participant
November 14, 2013

I'm using CP7 and would be keen to know how to get rid of the start arrow once and for all. A solution that requires implementation each time I publish isn't going to be viable.

Inspiring
October 4, 2014

By the way if you are using CP 8 and need to achieve a similar effect let me know and I will show you the required steps

Inspiring
August 5, 2012

Hey Dave;

Thanks for the detailed answer. Makes total sense ! Appreciate your time and expertise.

Steve

Inspiring
August 5, 2012

You're welcome. I hope you get it working for you.

Inspiring
July 29, 2012

Yes, I am having this issue too...any suggestions on how to have it bypass the arrow?

hello1966Author
Participating Frequently
July 30, 2012

No, Unfortunately not. And you?

hello1966Author
Participating Frequently
July 30, 2012

I haven't been able to bypass having to click to start but I was able to remove the arrow and replace that image with an image that looks like my quiz and says click here to start. It took some code modifications and lots of testing but it is much better than it was.


Well, that is one possibility. I have the content in a lms, with SCORM implemented. When the student start in the lms the content it think it is very bad, if they have to start a second time! Above all, I still use the table of contents, which looks even more stupid. This is not professional.