Fullscreen option for embedded Storyline course within Rise

Hi Sam! Thanks for reaching out! We're currently tracking requests for the ability to allow a full-screen option for embedded Storyline Blocks for Rise 360 exports.

If we make any changes to this that will help, I'll reach out to you here!

Hello all,
I've found a way to allow full screen on Rise. It seems the Storyline wrapper in the Rise HTML doesn't allow full screen. However, when you insert the activity multimedia > embed, you can embed whatever iFrame you create, and here's how you do it. See the process below:

1. Publish your storyline with a button that triggers this JS code:

function requestFullScreen(element) {
    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);

2. Access the review link and copy the iFrame from the browser inspector (access the inspector by pressing F12 or right-click on Review > Inspect).

3. Add a multimedia > embed activity in Rise360

4. Paste the iFrame HTML code you obtained in Review360 from step 2 in the content text field.

You should be good to go. ;-)

NOTE 1: I choose to use two buttons: one to activate full screen (pasted in step 1) and another to exit it (document.exitFullscreen();). using true-false variables I set up my SL360 to display one or the other accordingly. However, there are several ways to do it and you should adapt your JS code accordingly.

NOTE 2: some LMS restrict the iFrames to NOT allow full screen. If you want to upload your course as SCROM into an LMS, I suggest you do it using the last version of the SCORM format. You'd better test it first using SCORM Cloud.

I am so looking forward to this feature as well! I've been trying to do it with JavaScript, but I can't get it to work. How can I join this request formally?

I am looking for this option as well!

Yes, please on the full screen option for Storyline in Rise! This would be HUGE for my training design. 

Please add fullscreen! Helps with accessibility when learners need to view the player & all content larger.

Is this any closer to being added?

Hi Karl, 

Thanks for your reply. I have created a 360 tour of a room that allows the learner to click on a marker, when they do, a layer pops up with a video (This video is hosted in Vimeo). So, it's not possible to place it directly into Rise in this case.

Thanks again,

Amy 

I want to add my vote here as well. The fullscreen button will be a very useful feature when embedding storyline files. I hope you can add this to all storyline published files regardless of the LMS, whether it will be embedded in Rise, Canvas or other LMS.

This is a quite important feature for accessibility, I am also adding weight to the discussion