47 Replies
Veronica Budnikas

Hi Marjon,

There isn't a full 'full screen' option, but you can adjust your story size and some of the settings. To make my courses as close as possible to full screen I set my Player Size to 'Scale player to fill browser window' through the Player Properties > Other dialogue box.

You may have seen this already, but in case you missed it: https://community.articulate.com/discussions/articulate-storyline/course-full-screen 

Hope this helps!

Michael Anderson

Depending on your browser and environment, the code below or some version of it may work for you. This is javascript code, so add it to an "Execute Javascript" trigger. Try it in your intended environment and let us know if it works for you.

toggleFullScreen();

function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) ||
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
Ravindra Gardi

Hi Michael and Community members,

I have tried this and working fine, but I have tested this on android Tab first screen is  like below:

Actually I have given play button on first screen and once user click on play icon Full screen script is executing and this video is playing on same page, but video is not getting full screen, second screen is working fine. can you please tell me the cause? This is Published in storyline 2.

Ashley Terwilliger

Hi Ravindra,

This discussion is quite a bit older, so I'm not sure if folks like Michael are still subscribed here. Perhaps you'll want to share a copy of your .story file here so that folks can take a look at the customizations you made?

Also, you could try reaching out to any users directly using the Contact Me button on their profile.

Best of luck with your course! 

Sameeksha Mishra

Hi Michael Anderson,

I tried embedding the code in my Storyline source file on a click of a button. However if I click the next button of the player to move to the next slide, an error appears in Internet Explorer. The error says Incorrect function in app.min.js. I am unable to move to the next slide. 

Also I tried adding a second slide in your source file (FullScreen_1.0) and the same problem occurs in that as well.

Any help will be highly appreciated.

Michael Anderson

Marc, I will look at that too. Did you have that problem with one particular browser?

I haven't found a fix yet for the problem with IE. I know Storyline has its own Full Screen functionality, so maybe this code is interfering with that in IE.

There is an object with an id called "preso" in the Storyline output, which is the one I referenced to go full screen, as this seems to be the object for most of the page. I might have to consult with some Javascript or CSS expert to get this working in IE.

Marc Pageau

Hi Michael, 

I did further test this morning and I found why it was not working, I simply missmatched the hide trigger when I pasted it in my slide master. Now it does work, both on chrome and on EI (there is a permission warning on EI but it is easy for a user to see it).

Hope this makes senses, thanks again, it really saves my life :)