Is it possible to have entire html5 project go full screen from browser iframe installation?

Report · Oct 23, 2019

Hi - is it possible with CP 2019 using a mix of slides, video slides, interactive video slides, and knowledge checks to allow the student to toggle the entire project to full screen?

Currently, using wordpress and iframe to load the project on a webpage - seems to be working just fine. Yet not been able to find or sort out how to add a button or playbar option to take the entire project full screen (beyond the browser)

The iframe attribute of allowfullscreen doesn't seem to work (doesn't show an option or button to do so), not finding anything relevant in preferences nor in the forum or searching online - might be not sure what to search for here...

Cheers,

Fred

Report · Oct 23, 2019

Are you publishing the project as scalable?

You might try dropping a button on your Captivate stage and using the Execute JavaScript choice for the onSuccess action.

Test these in the JavaScript window and see if it works for you.

Chrome
document.documentElement.webkitRequestFullScreen();

Firefox

document.documentElement.mozRequestFullScreen();

Edge

document.documentElement.msRequestFullScreen();

Report · Oct 24, 2019

thanks!

The project is not responsive and published in html and scaleable. The website has a column area only about 600 px wide thus limiting the size even if expanding the browser window to full screen.

I'll give the Java a try and see what happens...

Cheers,

Fred

Report · Nov 04, 2019

Hi Stagprime ,

This seems to work when previewing the project (HTML5 in Browser) and I get no response from the button when published to a site using an iframe within the same browser.

Not at all sure how to troubleshoot this one. Any ideas?

Cheers,

Fred