using videos on an iphone

[JGarrou]

Help!

I created a Non-responsive project in Captivate 9. It is published as HTML5 only, scalable, and hosted on a go daddy server. There is no SCORM or other reporting and no LMS.

When I test on my pc, it works fine in all browsers. When I test on my Android phone, no problems. When I test on my I-pad, still no issues in Chrome and only a few "hangups" in Safari. But when my client tests it on his I-phone... well, here's what he sent me back:

This static screen is what first appears using your latest hosted link. Clicking the play symbol eventually brings up the video

The interface appears for a split second before the video opens in the video player and loses the rest of the interface

After the video, the VO plays but with a black background. At the end of the vo, there’s nothing to do but hit “done”

Hitting done returns you to Safari, where the quiz appears (sometimes with the radio buttons if you let the VO play to the end; otherwise without). Sometimes you can’t select radio buttons. Sometimes you can, but the module does not move forward.

(NOTE: This is not a "quiz" slide, but a slide with custom buttons and advance actions)

Once you select or try to select an answer, an error occurs that says that the file needs to be reloaded. At that point, the module starts over from the beginning with the same experience (endless loop).

Why is this happening and what do I do? Has anyone else experienced this?

[JGarrou]

I forgot to mention the project includes 6 mp4 videos, a couple of Adobe Edge Animations, voice over mp3s, and tons of advanced actions. The first video comes up right away.

[StevePixel]

HI JGarrou,

The "I forgot to mention ..." stuff probably has something to do with  it:)  Since its on a Iphone, individual bandwidth, cell service and IOS version may also have something to do with it,  it may be lagging in loading.  Also, what is your pre-loader setting in publish? Perhaps its not fully loading before he begins to play with it.

I would suggest you see if you can replicate that experience on an IPhone (friends, family)  to see if its global to all IPhones or specific to your client's device.

Cheers

Steve 

[JGarrou]

I plan to find someone with one soon. But he claims it happens with "everyone in the office." So I have to assume it's all iphones until I can prove otherwise.

[TLCMediaDesign]

We had an issue with Android not showing the Interface background, just the custom navigation buttons. The video was on the first slide.

We tried the video in Captivate as synchronized and event video, the video in an html5 animation, we tried several options: nothing worked.

It would either break iPad or Android tablet. We resorted to creating an html5 animation.

[JGarrou]

Hmm... I am not seeing that at all. And I can't turn the video of our spokesperson into an html5 animation, I don't think.

One thing I do with all of my projects is to make the first slide a 1 second slide with no audio. It's where I put any buttons or other images I want to "show for rest of project", usually my custom playbar. But the other reason is so I am not loading any video or other large file on the very first slide. Did you try something like that? I wonder if that would have helped your issue?

[StevePixel]

What I find interesting about this is that your project appears to work fine on an IPAD-- same OS and hardware, so what is different about the IPhone? Unfortunately, I have no answer (other than what I have already written) but I think its a pertinent observation.

Cheers

Steve  

[JGarrou]

I know! That's what is most frustrating. I bought the ipad so I could test my work and then BANG! it works on the ipad but not the iphone? grr.

I updated captivate to the new patch and now the hosted version isn't working at ALL. So I am planning to call Adobe tomorrow and I am not opening captivate until I have them on the phone. Double Grr..

[StevePixel]

Ouch!  When you say it doesn't work "at all" do you mean in any platform/browser (Desktop/Android/) or just IPad and IPhone?

Cheers

Steve 

[JGarrou]

Yup. I mean when you go to the link there is just a spinning progress bar. The same exact file published before the upgrade works fine. I will post when I get an answer from Adobe.

[JGarrou]

Ok, the spinning progress bar is due to some json issues. Here's what I discovered.

Inside your web.config you have to include

<staticContent>

   <remove fileExtension=".json" />

   <mimeMap fileExtension=".json" mimeType="application/json" />

</staticContent>

Inside the staticContent tag you may have more MIME definitions, you should leave them existing as they are.

[JGarrou]

Oh, and this just came in from the client:

I’m using both a 6 Plus and a 6, both of which use iOS 9.3.4. Safari is built into the OS so there isn’t really an easily accessible version number. I just downloaded Chrome on the 6 Plus and ended up with the same experience as Safari. The only difference is that instead of a small error message at the top of the screen when you try to answer the first question, you get a full page error (see below). Regardless, the key is that the video plays separately from the rest of the module.

[JGarrou]

Wow. Deep in the depths of the internet, I found this:

iOS-Specific Considerations

This is really a problem. Any ideas how to make an Iphone NOT open a video in it's own window but to see this whole project as one experience?

[StevePixel]

The only thought I had, is to use the embed code in the web object. That way it won't trigger the video playing issue as its just another website not a video. You would however, have to load your video onto a media server like Vimeo or YouTube.

Cheers

Steve   

[JGarrou]

I will have to research if that is a possibility with this client, but it's worth a try. Thanks!