Skip to main content
Participant
March 26, 2014
Question

Captivate Fullscreen HTML5 Solution - Free

  • March 26, 2014
  • 7 replies
  • 2803 views

https://elearningenhanced.com/products/adobe-captivate-fullscreen-html5-solution

Michael already has a great Full Screen Widget for Adobe Captivate (Free) on CPGURU.com.


We wanted to find a solution for our HTML5 output. We didn’t take the time to turn this into a widget because really all we are doing is firing some JavaScript to make the magic.


In the download you will find a Captivate cptx file that includes the JavaScript.

We also built an Advanced Action to determine if the HTM5 Full Screen button should be displayed. This Advanced Action runs a bit of JavaScript and sets a CP variable accordingly. Then if the course is being viewed as HTML5 we show the button.

This topic has been closed for replies.

7 replies

thomasc8498188
Participating Frequently
May 21, 2019

Link bad....

RodWard
Community Expert
Community Expert
May 21, 2019

Thread old...

Armando.Perez
Participant
February 27, 2017

The option that worked for me was putting a button with this javascript code:

var docElm = document.documentElement;
if (docElm.requestFullscreen) {
  docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
  docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
  docElm.webkitRequestFullScreen();
}

floriank38625530
Known Participant
December 14, 2017

Hi Rodolfo Perez,

thanks for the code. Works very well, but not on iPad and iPhone. Is there a solution for that devices?

Greetings

Flo

Inspiring
June 17, 2015

Is there any way you could copy and paste the code here? I've tried copying it from your YouTube video, but the code isn't working for me in Captivate 8 Responsive and I can't find the mistake.

Thanks!

Nathalie

Inspiring
June 11, 2014

This is a great solution for going full screen and I'm currently using it on a responsive project in Captivate 8 to great effect - so thank you so much for posting.

One thing I have noticed however, is that the code doesn't work on iOS devices (iPad and iPhone). Is there any extra code that is required to make it work on these devices?

Thanks