CODEWITHSUNDEEP
javascriptiphonehtmlipadjwplayer
redolent
redolent

Reputation: 4259

jwPlayer video not loading on iPad/iPhone

The Context

We have a fully-working donation widget for nonprofits. We're experiencing one caveat: the video won't load on the last part when using an iPod or iPhone.

The Problem

I must warn you, friends. This is a hard one.

For some reason, when I embed a jwPlayer video, on either iPhone and iPad I receive the following message:

The video could not be loaded, either because the server or network failed or because the format is not supported: http://content.bitsontherun.com/jwp/2gQXJaVU.xml

Here are some key things to note:

The jwPlayer.js player options:

{
    "plugins":              {
                            "gapro": {
                                 'accountid':        "UA-XXXXXXXX-1"
                                ,'trackstarts':      true
                                ,'trackpercentage':  true
                                ,'tracktime':        true
                                } 
                            },
    "gapro.accountid":      "UA-XXXXXXXX-1",
    "logo.hide":            "true",
    "logo":                 {hide: true},
    "file":                 params.url,
    "repeat":               "none",
    "autostart":            "true",
    "playlist.size":        "200",
    "image":                "http://content.bitsontherun.com/thumbs/aQ5bdlXV-640.jpg",
    "stretching":           "uniform",
    "height":               "375",
    "playlist.position":    "none",
    "width":                "560",
    "controlbar.position":  "bottom",
    "skin":                 "http://d1rhaz9gq9lm5b.cloudfront.net/2Bbp4Z6O.zip",
    "ping.pixel":           "http://content.bitsontherun.com/ping.gif",

    "playerready":          "jwplayer.api.playerReady",

    'autostart':            true,

    "flashplayer":          "http://www.socialgoodnetwork.com/jwplayer.swf?logo.hide=true&plugins=gapro-1&gapro.accountid=UA-XXXXXXXX-1",
    'modes':                [
                                {type: 'html5'},
                                {type: 'flash', src: '/jwplayer.swf?logo.hide=true'}
                            ]
}

I must say, anything you can do to help - thanks in advance!

Upvotes: 3

Views: 17335

Answers (6)

Taha Husain
Taha Husain

Reputation: 312

Ipad and Iphone automatically detect mode in any version of JWPlayer. 'autostart' is also automatically disabled in Apple devices.

Key thing to note is video codec and Apple's specification. If the audio bitrate or sample rate is higher than the specs than you have to convert the video first.

Upvotes: 0

Anjali Mohan
Anjali Mohan

Reputation: 1

I had a similar problem. The jwplayer was working fine in Chrome, but not in Safari, on iPad.

When I observed the browser settings, it was on private browsing mode . As the videos were stored in a secured server, the private browser will not be able to get the videos to the jwplayer. I changed the Safari browser private mode to non-private and the problem solved. The video was playing smooth.

Have a look on to this link - https://discussions.apple.com/thread/6240773

Hope this helps ...

Thanks, Anjali

Upvotes: 0

Tauri Alfa
Tauri Alfa

Reputation: 51

I suppose there is a request for statistics. In my case the requested URL before and after playback from firebug looks like this:

http://i.n.jwpltx.com/v1/jwplayer6/ping.gif?tv=3867&ph=0&n=3242919060939303&aid=_&e=e&i=0&pv=6.6.3867&pu=http%3A%2F%2F[PAGE_URL]%2F&m=1&a=0&v=0&w=100%25&h=270&ed=0&pn=&pt=title

If proxy blocks that address an error is shown. After configuring proxy to accept this type of requests, jwplayer works ok.

Hope this will help somebody.

Upvotes: 1

redolent
redolent

Reputation: 4259

For some reason, setting autostart to false made my videos work on iOS:

    'autostart': false,

I'll try to post more information later. It could be that my videos are not encoded properly.

Upvotes: 0

Ian Devlin
Ian Devlin

Reputation: 18870

You are providing Flash only vidoes. Non of the iDevices support Flash, this is a decision taken by Apple.

You need to also provide your video sources in MP4 format to be playable on iDevices.

This is pretty much what Justin McCraw said above/below.

Upvotes: 2

Justin McCraw
Justin McCraw

Reputation: 602

In order to make the HTML5 version work for iOS and other non-Flash enabled devices, you have to have the actual files hosted somewhere on your own or a third-party server. That is, you need to display .MP4 videos to users with iOS devices. YouTube videos also work. Is your params.url file for Flash .swf file? You can read more about this requirement from LongTail's documentation. Hopefully, I understood the problem correctly.

Upvotes: 1

Related Questions