HTML5 in Internet Explorer 11 problem

So, are you saying that the "Menu" as a button is not supported in IE11 or do you mean the whole publish is not supported by IE11?

We do not support your published output when viewing HTML5 in IE11.

So if a user launches a course in IE11 and they don't have the Flash plug-in, what happens? The Articulate site says that it would launch the HTML5 version.

This info is straight from Articulate.

"Here’s how Storyline determines which version of your content to display when learners view it:

• Learners will see the Flash version of your course if their browser supports it.
• If learners are using iPads or Android tablets and you selected the Articulate Mobile Player (AMP) option when you published, the course will launch in AMP. (If they don't have the app installed, they'll be prompted to install it.)
• If learners are using iPads or Android tablets and you didn't select the AMP option when you published, but you did select HTML5, the HTML5 output will launch in their mobile browser.
• If learners are using a browser without Flash and you marked the HTML5 option, they'll see the HTML5 output."

Hi Michael!

You are absolutely right. If you have flash disabled and have published for HTML5, regardless of browser, it'll try to open the HTML5 output. However, we do not supported the content in IE based on IE's performance with HTML5 content.

You can use sites such as HTML5test.com to see how different browsers handle such content.

I wonder if anyone else has experienced issues with Windows-based tablets and Storyline 2 outputs?

I understand that HTML5 output is not supported on IE11, but what about Flash? Does this work OK?

Can anyone confirm whether they can view Storyline content on a tablet running Windows RT (not the full-blown Windows)?

Any advice gratefully received.

Windows tablets work great with Flash content including the RT versions

Hi Phil

Thanks for getting back to me. Can you confirm how Windows Tablets work if we also output with the HTML5 option enabled?

Will tablet learners opening a course in IE11 default to the Flash version automatically, and therefore experience the course without issue? Or would IE11 try to load the HTML5 version, and then possibly play with errors as it's not supported?

Thanks.

it will always default to flash first

Thanks Phil!

Hi Adam! 

Looks like Phil has taken care of you here, just wanted to share the documentation for you or anyone that may run across this thread.

Here’s how Storyline determines which version of your content to display when learners view it.

Hi everybody,

We are having an issue with IE 11, we have our Scorm exported on Articulate 2 V. 7 uploaded on Moodle 2.5; as you can see on pictures, when you open the scorm it shows a grey box an it doesn't reproduce the content.

However, looking for options we discover that when you do right click on the browser, and choose the "inspect element" option, it automatically reproduce the Scorm.

Please we really need your help, we are in the final part of this project an we are having real big problems with our customer.

I attach the .story and the Scorm, hope you can help us.

Thank you so much.

Hi Juan,

What update of Storyline 2 are you using to publish the content? There was some issues with blank content in IE browsers and our team implemented some fixes as a part of Update 7 to deal with how it may load. You'll also want to make sure you're not pointing to the HTML5 content - as this thread initially started out as. HTML5 is not supported in Internet Explorer as detailed here. 

Lastly if you're still having difficulty have you looked at testing your course at SCORM Cloud? It's an industry standard for testing LMS content so you may want to view the troubleshooting steps here on how to set it up. 

I find it hard to believe that Articulate just blatantly say they don't support one of the main browsers out there. Can you offer an explanation. Doesn't seem to be a customer focused approach.

Dan, I IE is supported but only the flash output as the HTML5 perodrmance leaves something to be desired https://html5test.com/results/desktop.html, that said with careful testing most things work.

Hi Dan!

Looks like Phil popped in to assist here, but I wanted to share our supported viewing formats (full details here) with you:

Viewing Content

Content Format

By invoking the following JavaScript /jQuery at the start of my HTML5 course running in IE11, I was able to restore the menu functionality:

$('.toptab.tab').css({
    'overflow-x': 'visible'
}); 

Everything works just fine in the little testing I've done but there may very well be a reason that the developers chose to code it in this way (mobile issues, perhaps?).

I welcome any feedback on this from developers and users alike.

(screencap attached)

To fix the menu in IE10 and IE11. Type the following css into the player.css document in the mobile folder. 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.toptab.tab{ overflow-x: visible;
}

Hi Susanne,

That fix worked great for the Menu tab in IE 10 and IE 11. However, I'm having the same problem now with the Notes tab in Explorer. Is there a similar fix for the Notes tab?

Steve,

Try this:

.transcript_content {
   white-space: normal !important;
}
.menu_container {
   height: auto !important;
   padding-bottom: 10px !important;
}

Bob,

That worked! But I had to change "height: auto" to "height: 500px". Otherwise the Menu (which is rather long) ran completely off the page with no scroll bar. So, thank you very, very much!

Steve

Thank you Susanne! That solved my issue. :)

Hi Mark! Glad to see that this older thread was able to assist you as well. Thanks for popping in to share :)