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:
- See demo at: http://www.socialgoodnetwork.com/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.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!