HTML5 Video playback not working on iOS

Oct 17, 2014

Morning-

We're using Storyline 2, outputting to HTML5, and testing that on a Samsung Galaxy S5 and iPad Air (both running that latest versions of their OSes). Videos included with the output play on the Android unit, but not iOS. The same setup (including same video files) but built with Storyline 1 plays just fine.

Any idea what's causing the issue? It's really mystifying since everything ELSE about Storyline 2's html5 output seems improved.

37 Replies
Aubrey Berish

The videos are h.264 encoded .mp4s, which I believe is pretty standard. We could export/convert them to something else if Storyline has a preference.

Emily, there's got no problem sharing the file, but since it's actually content that gets included with a paid product, we don't want to post it on the fairly-public forums. Could I email it in or similar?

Gerry Wasiluk

Thanks.   I've asked because I've seen variance behavior in MP4's depending on what they were encoded with.

Every so rarely I'll get a bad "MP4" that won't play nice in Storyline. So I'll put in another video program (like Replay or FormatFactory) and create a new MP4 for importing into Storyline.

For giggles, you might want to try that with one video and see if it makes any difference or not.

Craig Ferguson

Hi,

I'm having this same problem - mp4 video embedded into a storyline presentation (html5) plays on all desktop browsers and Android mobile browsers but not ios devices.

It's especially weird because this is a recent development - when the presentation was first created (May/June 2015) it was tested extensively on iphone and ipad and everything was working.

Now, the video shows up as the first frame but then loads forever (with the swirly loader). Other than that, the rest of the slide displays as it should.

Any idea what might be causing this?

Leslie McKerchie

Hi Craig!

I wanted to share this documentation as well in case this is relevant for you as well. I apologize for not including it in my initial response.

You may find that videos in your Articulate Storyline 2 courses don't always play as expected in HTML5 output when viewed on Apple iOS 9 iPads and iPhones. We added support for iOS 9 in Update 7 for Storyline 2. See this article for details on how to update your Storyline software and your published courses.
Russell Still

Add me to the list. I have a small MP4, 22 seconds long. Plays fine on desktop browsers, but just sits stalled on the first "frame" of the video when viewed on an iPad. I do have update 7 installed. The video that won't play is 16:9 but other 4:3 videos do play. Makes me wonder if it's something with the wide aspect ratio format.

Leslie McKerchie

Hi Russ!

Both aspect ratios play in my example. I would advise sharing a bit more information about your set-up, publishing, and your file so that we can understand your issue further.

http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/stp1a6o6sbdkgcbbfe1oib4a91q0d4/story.html

You are welcome to share privately here.

 

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