Fullscreen option for embedded Storyline course within Rise

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.