HTML5 in Internet Explorer 11 problem
Aug 05, 2015
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).
37 Replies
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.
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:
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
Adobe Flash Player 10.3 or later, and one of the following browsers:
Articulate Mobile Player in Android OS 4.1 or later (optimized for tablets)
By invoking the following JavaScript /jQuery at the start of my HTML5 course running in IE11, I was able to restore the menu functionality:
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:
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
This post was removed by the author
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 :)
This post was removed by the author
This discussion is closed. You can start a new discussion or contact Articulate Support.