Course in full screen?

I tried to reply here earlier but got an error and my reply never showed up. I haven't gotten any useful help back yet about making this work correctly in IE, but I will keep investigating the issue.

Thanks Michael! Please let us know once you have found any useful information on this.

Hello Sameeksha,

I just wanted to pop in and let you know that your email signature came through when you replied via email. You can remove that if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.

Thanks Leslie McKerchie! I have updated it.

Hi Michael Anderson

Hope you are doing good!

Did you find anything for the code not working in IE? Please let me know if there is any other alternative way you have found to get this working on IE.

I worked on this some more today, but have not yet found code that will work within Storyline for IE. I will keep working on this in my spare time.

Sameeksha, I didn't have time to make a project that toggles this setting and everything, but the code below appears to work okay in IE11, allowing the next button to work ok. Please check it out and test it well. I will put a project together if I get time tomorrow.

var fullStorylinePlayer = document.querySelectorAll("html");
if (fullStorylinePlayer[0].requestFullscreen) {
 fullStorylinePlayer[0].requestFullscreen();
}else if (fullStorylinePlayer[0].mozRequestFullScreen) {
 fullStorylinePlayer[0].mozRequestFullScreen(); // Firefox
}else if (fullStorylinePlayer[0].webkitRequestFullscreen) {
 fullStorylinePlayer[0].webkitRequestFullscreen(); // Chrome and Safari
}else if (fullStorylinePlayer[0].msRequestFullscreen) {
 fullStorylinePlayer[0].msRequestFullscreen(); // IE
}

Thanks Michael! I will try this code.

Great, please let us know if it works better for you.

Hey Michael

It worked for me. Thank you so much. I used this code for entering full screen mode and your previous code for exiting (apart from Escape button).

Thanks again for your help:)

Have a great day ahead.

Sameeksha, I'm happy to hear this worked for you. It is probably best to use a variant of the new code to exit full screen. Just make sure everything works as expected for your project. I will try to put together a new project file in the next few days.

Hi guys,

I'm not being able to run the last aproach Michael gave to fix the IE problem. My IE window just turns black. I'm not sure if I'm doing something wrong or it's just something that changed in Storyline or IE during these months. Has anyone tried this recently? Thank you!

Here's a full screen mode widget that will work and that comes with less code.

Hello Michael!

I am having the same black screen in full-screen problem...any solutions???

Thanks in advance!!!

I'm sorry for not replying sooner, but I didn't receive previous notifications to this thread. I'm not sure if something changed in IE or Storyline, but you might check out the free widget that Nicholas linked to above, to see if that works for you.

Hey Micheal,

My company is moving to a new content management system and as a result of some of the new platforms constraints we would really benefit from being able to use this Full Screen mode. I have tested it out and it seems to work fantastic. But before I try to implement this company wide on tons of software simulations built with Storyline, I am wondering if you (or anyone else) has run into any issues thus far when browsers have updates or if there are any other concerns with how stable this solution is. Thank you!

Jeremy, I have not tested this exhaustively. If you need something more reliable, you might look at Nicholas' post above that mentions his widget.

Thanks, Mr. Michael

I hope you are doing great :)

This helps and working fine before update the storyline 360, but now (after update) it is generated 2 new issues.

Step to reproduce:

1. You Click the enter fullscreen, that's not working the first attempt. It takes 2 attempts.

2. If you enter the fullscreen and after that exit, the full-screen without click exit button means only select the "Esc" keyboard key. Now we exit the full screen but button state the same i.e. our button enters the full screen.

Please look into this and let me know if you have to find any solution.

I am looking forward to your great response.

Hola Robin, efectivamente estoy teniendo esos problemas.

1. Al hacer   clic en la pantalla completa, eso no funciona en el primer intento. Se necesitan 2 intentos. (para este aun no encuentro solución)

2. Al devolver o mover la barra de desplazamiento del reproductor el estado del botón vuelve al inicio. es decir si la pantalla esta en pantalla completa debe aparecer el botón de salida pantalla completa (esti pasa) pero al mover  la barra de desplazamiento del reproductor queda nuevamente e botón full screen ( Para esto lo que hice fue poner todo en una capa y desde la capa principal llamarla)

3. Evidentemente me pasa que cuando hago clic en "ESC" se sale del full screen y queda el boton exit full screen ( he intentado hacer algo pero aun no encuentro nada) .

4. Otro problema y no se como darle solución tal vez mi falta de experiencia y si alguien puede ayudarme y es que cuando paso al slide siguiente los botones vuelven al estado inicial... evidentemente con patrón de diapositivas no se puede... no se si haya un disparador especial que aplique el full creen y funcione para todo el proyecto de una vez. 

Gracias.

Hi Michael, Firstly, thanks for sharing the JS with us. It's working and very helpful. What I have done in my course is add a player tab on the Storyline Player - View/Exit Full Screen. So each alternate click will Show and then Hide the full screen mode. Currently you have shared 2 different codes for View and Hide. Is it possible to have one common code? Kindly advise.

I did reply to Harshad privately about this and sent him a project file to work with.

Hi Michael.

I know this is an old thread but thought maybe someone else might need this as well.

First of all, thank you for the code. But one point.

I put the code at the beginning of my timeline to go to full screen right away. But since your function is not inside a $(document).ready of jQuery, the function will be executed before even loading the jQuery library, therefore giving an error of "$ is not defined".

Besides, as almost all your code is just pure JavaScript, there is no need to use jQuery just to select a dom object.

So, what I did was to replace "$("#preso").get(0)" with "document.getElementById('preso')" and totally removed loading jQuery:

if (document.getElementById('jquery') == null) {
add_script("https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js", "jquery");}

Now, it works perfectly.

Michael,

Are you able to add a custom script to the index_lms.htm launch file to get the same result? Obviously this would need to be added after each publish.

<script> window.moveTo(0, 0); top.window.resizeTo(screen.availWidth, screen.availHeight); </script>