demo video doesn't work on Safari iOS 7.1.1

[quinncomendant]

The video given as an example at http://html5media.info/ doesn't work on an iPad Mini iOS 7.1.1 using Safari. There is a line crossing through the play icon, and nothing happens when tapping it. Is this a know problem?

[etianen]

Very interesting, thanks for letting me know.

Certainly, it used to work, and ios 7 on the iPad is certainty a target platform.

So either something has changed in iOS, or in the hosting provider I used. I'll investigate this urgently today.

On 25 Aug 2014, at 17:22, Quinn Comendant [email protected] wrote:

The video given as an example at http://html5media.info/ doesn't work on an iPad Mini iOS 7.1.1 using Safari. There is a line crossing through the play icon, and nothing happens when tapping it. Is this a know problem?

—
Reply to this email directly or view it on GitHub.

[etianen]

My preliminary tests seem to indicate that this is something that has changed relatively recently with the iOS Mobile Safari browser. Previously-transcoded videos which it used to play no longer work. Great for backwards compatibility!

The good news is that the html5media.js shim still works. The bad news is that I’m sure other people using open-source/free video transcoders will have run into issues of videos no longer working on iOS devices.

I’m currently investigating different transcoder settings to make an iOS-compatible video. Watch this space!

On 26 Aug 2014, at 08:25, Dave Hall [email protected] wrote:

Very interesting, thanks for letting me know.

Certainly, it used to work, and ios 7 on the iPad is certainty a target platform.

So either something has changed in iOS, or in the hosting provider I used. I'll investigate this urgently today.

On 25 Aug 2014, at 17:22, Quinn Comendant [email protected] wrote:

The video given as an example at http://html5media.info/ doesn't work on an iPad Mini iOS 7.1.1 using Safari. There is a line crossing through the play icon, and nothing happens when tapping it. Is this a know problem?

—
Reply to this email directly or view it on GitHub.

[etianen]

I can now confirm that this is an issue with CloudFlare, which is used to proxy and accelerate requests to the media.html5media.info domain. At some point, they changed their proxy config in a way that broke videos in iPhone.

The solution is to switch to a different media host. This will be done as soon as possible.

On 25 Aug 2014, at 17:22, Quinn Comendant [email protected] wrote:

The video given as an example at http://html5media.info/ doesn't work on an iPad Mini iOS 7.1.1 using Safari. There is a line crossing through the play icon, and nothing happens when tapping it. Is this a know problem?

—
Reply to this email directly or view it on GitHub.

[quinncomendant]

Good catch. Would you be willing to share exactly how this problems works? It would be good to know since CloudFlare is becoming ubiquitous and changing media hosts may not be a desirable option for some clients.

[etianen]

CloudFlare actually recommend against serving video via their service. They claim it’s to reduce load on their servers due to long-running connections, but I also suspect there may be some motivation in keeping their “unlimited bandwidth” deal sane.

I’ll have a go at checking out the response headers their servers are sending. It’ll be something to do with content-range, or something similar, since most browsers are just fine. I suspect iOS is being picky here.

On 31 Aug 2014, at 17:00, Quinn Comendant [email protected] wrote:

Good catch. Would you be willing to share exactly how this problems works? It would be good to know since CloudFlare is becoming ubiquitous and changing media hosts may not be a desirable option for some clients.

—
Reply to this email directly or view it on GitHub.