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: .xml

Here are some key things to note:

• See demo at: /?id=tvymca_3 To get to the last slide, click "Give Now" and click "Submit" to get through the process. I put the same video in the first slide as the last.
• The last slide (after the donation) won't display the video. If I play the video at the first slide, it works fine.
• Happens on iPhone and iPad only

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":                ".jpg",
    "stretching":           "uniform",
    "height":               "375",
    "playlist.position":    "none",
    "width":                "560",
    "controlbar.position":  "bottom",
    "skin":                 ".zip",
    "ping.pixel":           ".gif",

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

    'autostart':            true,

    "flashplayer":          ".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!

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./jwp/2gQXJaVU.xml

Here are some key things to note:

• See demo at: http://www.socialgoodnetwork./betterbutton/demo/?id=tvymca_3 To get to the last slide, click "Give Now" and click "Submit" to get through the process. I put the same video in the first slide as the last.
• The last slide (after the donation) won't display the video. If I play the video at the first slide, it works fine.
• Happens on iPhone and iPad only

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./thumbs/aQ5bdlXV-640.jpg",
    "stretching":           "uniform",
    "height":               "375",
    "playlist.position":    "none",
    "width":                "560",
    "controlbar.position":  "bottom",
    "skin":                 "http://d1rhaz9gq9lm5b.cloudfront/2Bbp4Z6O.zip",
    "ping.pixel":           "http://content.bitsontherun./ping.gif",

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

    'autostart':            true,

    "flashplayer":          "http://www.socialgoodnetwork./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!

• javascript
• iphone
• html
• ipad
• jwplayer

• This might also help: stackoverflow./a/24076523/1066234 – Avatar Commented Aug 20, 2015 at 19:30

6 Answers 6

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.

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.

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./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.

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.

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./thread/6240773

Hope this helps ...

Thanks, Anjali

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.