Skip to main content
F
Fred Schenkelberg
Known Participant
October 23, 2019
Question

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

  • October 23, 2019
  • 1 reply
  • 287 views

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

 

 

    This topic has been closed for replies.

    1 reply

    Stagprime2687219
    Stagprime2687219
    Legend
    October 24, 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();

     

     

    F
    Fred SchenkelbergAuthor
    Known Participant
    October 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

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices