Highlighted

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

Community Beginner ,
Oct 23, 2019

Copy link to clipboard

Copied

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

 

 

Views

48

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

Community Beginner ,
Oct 23, 2019

Copy link to clipboard

Copied

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

 

 

Views

49

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Advocate ,
Oct 23, 2019

Copy link to clipboard

Copied

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();

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Oct 24, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Nov 04, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Captivate User Guide
New Group