Full Screen

Hi Bakang!

Try enabling the player setting Scale player to fill browser window. This scales your published course to fill the learner's browser window.

For more on player size and browser settings, check out this handy guide. 

Thanks Alyssa, I will try this out and give you an update.

Hello,

If you open in a new window, will that trigger a pop-up warning if the user's browser has a higher security setting?

Many thanks,

Dave

Hi Dave,

It definitely could show that pop-up warning, or a button to choose to launch it in a new window. 

If you don't have to launch it in a new window, you can unselect that option in Storyline and it will launch in the existing window/tab that you are opening the link from. 

Here's a full screen widget you can use: https://cluelabs.com/full-screen-mode-elearning-widget.html Probably too late for your original project, but maybe you'll find this useful for the future courses.

Thank you for this widget!! This works great!

Hi Guys, I followed the instructions and used this widget. It works only on alternate screens when the course is published. Did anyone else face this? I have also written to the Cluelabs support, but awaiting their reply.

I have a button that trigger this JS:

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

Thanks, Daniel. I need the course to start in full screen as soon it is launched, not on a click. Is there a way to achieve this? 

Thanks, Matthew. I tried it, but it gives the same result - works on alternate screen, when published. What I have done is add this script to first slide in the the 'master slide' section - Executive javascript when timeline starts. When the course loads, it's not full screen. When I click next, it becomes full screen. And then, it repeats alternately. 

I did some tests and i think that it's impossible to do, every time it become fullscreen after 2 or 3 seconds. Anyway i suggest you to put a button and let the user to choose the fullscreen or not for many reasons. 

Thanks, Daniel.

Thanks, Matthew for the detailed explanation! Really appreciate it!

Hello ... I see many old discussions about full screen view ability, and believe this is most recently updated, so I am posting here. I am building courses using Storyline blocks in Rise 360, and I would like to allow the user to make the embedded video full screen. It seems odd that this is not an available toggle. Are there any updates on this becoming available?

Hi Zuzana,

No updates to share on the ability to have a full-screen option in Rise 360 from a storyline block, but I appreciate you sharing you'd like to see this as well.

We'll be sure to update you in this discussion once we have any news to share on this!

I'd also like to see this option!

I would also like to see this as an option. Is it possible to edit the rise files to allow it?

Hi Michael! While we don't support modifying the published output, other folks in the community may be able to point you in the right direction. 

hey daniel, thankyou so much for your script. it work well, while i use in desktop , tablet and android phone!

love from Indonesia.

Hi! How can I use this code? Where should I include it?

Thanks

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