Storyline HTML5 Output not working in SCORM iFrame

Sep 03, 2015

Angeline Kelly
By Angeline Kelly

Hi Storyline experts,

We've been having issues with a Storyline HTML5 output where the course isn't tracked when we launch it through an iFrame (using SCORMCloud). Flash output is okay. This is consistent across Chrome, IE and Firefox.

I have tried launching a non-Storyline HTML5 course using the iFrame and it tracks fine. So I'd imagine it might have something to do with how the Storyline HTML5 detects the API?

Is there a difference between how the HTML5 output reads the window's parent/root hierarchy compared to Flash? The Exit button that we put on the course (an 'Exit Course' trigger is assigned to this button) works on the Flash output but in the HTML version it doesn't do anything.

If I play the course as a pop-up instead of an iFrame, both Flash and HTML5 outputs track correctly.

Any insight or workaround would be much appreciated!

 

11 Replies
Ashley Terwilliger-Pollard
over 8 years ago09/03/15 at 5:02 pm (UTC)

Hi Angeline,

The only issue I've heard with HTML5 content and an iFrame is that at times it doesn't scale correctly, and it's dependent on the LMS and how it's choosing to display. I don't know that I've seen a set up to include it in an iframe from SCORM Cloud though - are you embedding that on your website? Do you follow these directions to do so? 

Angeline Kelly
over 8 years ago09/03/15 at 11:16 pm (UTC)

Thanks for your response Ashley.

I have no issue with the scaling or display. It's just the LMS tracking through iFrame. Basically the iframe contains the SCORMCloud interface which in effect displays the course.

With the link that you mentioned above, it's just embedding Storyline for web, not for SCORM display, so it's a bit different.

Any other insight that you can provide?

Thanks!

 

Angeline Kelly
over 8 years ago09/08/15 at 1:24 am (UTC)

Hi Ashley, unfortunately that didn't solve the issue. THE HTML5 version still doesn't track anything and now when the Exit button is clicked, the course just hung. It seems that the course can't find the API - maybe it's got something to do with how it reads the parent frames that's different from the Flash way? Because the Flash version works perfectly.

Ashley Terwilliger-Pollard
over 8 years ago09/08/15 at 1:04 pm (UTC)

Hi Angeline,

Unfortunately I don't know of a way to embed the SCORM display on the page itself. You may want to reach out to a group such as Rustici who run SCORM Cloud to see if they can help you with this custom set up and if they have any specifics on the tracking issues you may run into when displaying the SCORM content outside the normal site. 

Angeline Kelly
over 8 years ago09/09/15 at 11:19 pm (UTC)

Hi Ashley, the tricky thing is, the issue seems to be specific to Storyline HTML5 content. Other content like from Captivate HTML5 or custom HTML5 modules work fine in that set up. I'm thinking if anyone knows about what the difference between Storyline Flash and HTML5 outputs are in terms of reading the SCORM API - this might be able to help us in tweaking the config or lms javascript file.

Angeline Kelly
over 8 years ago09/10/15 at 8:52 pm (UTC)

Sure, regarding the config. We would not prefer to do this anyway, but we just need a solution or confirmation if this isn't supported as I will need to get back to my client.

And yes, we've used Chrome, IE and Firefox on Windows for the testing and all browsers seem to have the same issue. Is this something that the technical support could help with?

 

Ashley Terwilliger-Pollard
over 8 years ago09/10/15 at 8:59 pm (UTC)

Hi Angeline,

Our team can't assist with changing the config/ js files, or custom LMS set ups, but we're always happy to take a look and see if it's something we're able to help out with. You can reach out to our team here and you'll want to share a copy of the .story file and details on how you're embedding the content in the iframe. 

This discussion is closed. You can start a new discussion or contact Articulate Support.