HTML5 in Internet Explorer 11 problem

I tested a course in Internet Explorer 11 using the HTML5 output and there seems to be a problem with the "Menu". I have the "Menu" set up in the Player as a button instead of the "Menu" filling the side of the Player. When viewed in HTML5 in IE11 when you click the "Menu" button, you get a small box with a scroll bar (see attachment). Has anyone experienced this, and do you have a solution? I need the course to run exclusively as HTML5, NOT Flash (long story, don't ask).

34 Replies
Leslie McKerchie

Hi Michael! This is not a supported method by Articulate.

Our HTML5 viewing requirements:

Windows: Google Chrome (latest version)
Mac: Safari 7 and later, Google Chrome (latest version)
Mobile: Safari in Apple iOS 7 and later, Google Chrome (latest version) in Android OS 4.1 and later

You can read more here on both our authoring and viewing system requirements.

Michael Gallagher

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."
Leslie McKerchie

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.

Adam Read

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.

Adam Read

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.

Juan Camilo Lovera Peña

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.

Ashley Terwilliger

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. 

Leslie McKerchie

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
Flash

Adobe Flash Player 10.3 or later, and one of the following browsers:

  • Windows: Internet Explorer 8 and later, Microsoft Edge (latest version), Google Chrome (latest version), Firefox (latest version)
  • Mac: Safari 7 and later, Google Chrome (latest version)
HTML5
  • Windows: Google Chrome (latest version)
  • Mac: Safari 7 and later, Google Chrome (latest version)
  • Mobile: Safari in Apple iOS 7 and later, Google Chrome (latest version) in Android OS 4.1 and later
Apple iOS Articulate Mobile Player in Apple iOS 7 or later on iPad
Android OS

Articulate Mobile Player in Android OS 4.1 or later (optimized for tablets)

Bob Dobbs

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)