Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

No video playback on iOS/Android devices

I have a problem with JWPlayer 6.11.
On my Wordpress website : http://newsflashnews.com/raw-lava-sets-house-ablaze-in-hawaii-town/
I've installed JWP wordpress plugin (v.2.1.10) and wordpress (v4.1)

The issue is that the videos are playing on desktop with no problems, running on code:

Raw: Lava Sets House Ablaze in Hawaii Town
<div id="my-video"></div>
<script type="text/javascript">
jwplayer("my-video").setup({
"file": "http://newsflashnews.com/wp-content/uploads/2014/11/10/ap_914a654b5d89416baab0f2b27f9817ce.mp4",
"image": "http://newsflashnews.com/wp-content/uploads/2014/11/10/ap_914a654b5d89416baab0f2b27f9817ce.jpg",
"width": "100%",
"aspectratio": "16:9",
"primary": "flash",
"autostart": false,
"mute": false
})
</script>
<img src="http://newsflashnews.com/wp-content/uploads/2014/11/10/ap_914a654b5d89416baab0f2b27f9817ce.jpg" alt="" width="1" height="1" />

As I said on desktop work as a harm. Tho I've tested it on iOS device (iPhone 6) and Android device (Note 4, Chrome). As it follows iPhone has a playback error, and Android plays back only audio and background of player remains black, so there is no video.

I haven't been changing anything and my coworker claims that it had worked earlier.

Please help me out with my issue, I could give more information/details if this would be necessary.

Thanks



iOS screenshot: http://i.imgur.com/wHOIws0.png
Android screenshot: http://i.imgur.com/jreEEqU.png

8 Community Answers

Up Down

moksamichonski

User  
0 rated :

Sorry about double post, but I don't see Edit option right here.

I haven't mentioned that JWPlayer has been gone from my Word Press Dashboard, I can't access it throud JWPlayer under Setting Section on sidebar of admin panel.

Up Down

Andrew

JW Player Support Agent  
0 rated :

I’m able to get this working on my Android device(Nexus 5), but the performance is rather slow. This might be due to the 1080p size (~100MB for a 1:18 length video is quite high for mobile devices) Is it possible to lower the quality a bit to see if the issue persists? Also, I’m not certain why your panel would have been removed here. Are you certain that the plugin is still installed?

Up Down

MisterNeutron

User  
0 rated :

Even for a desktop machine with a fast connection, and one on which you're not facing any bandwidth restrictions or charges, 100MB for a minute-and-a-half video is overkill. If you're watching on a 65-inch TV, 1080p is great, but for anything smaller, it's a waste of bandwidth.

Up Down

moksamichonski

User  
0 rated :

Thanks for your answer. I'll look at size and try to do something about 1080p, tho the content is from AP and it download itself so there are lot of videos. Is there any way to switch quality/resolution inside of JWPlayer? I acknowledge that I need to lower resolution on mobile but I'd like to leave it as it is for desktop users.

Also Andrew what browser have you used on your N5?

So JWPlayer should work out of a box with my setup? I haven't done anything to break it or code I've embedded caused that? is about quality?

Up Down

moksamichonski

User  
0 rated :

Ok I've changed the quality using Handbreak then I added:

This is test

<div id='playerxgyRUXfUgYeT'></div>
<script type='text/javascript'>
jwplayer('playerxgyRUXfUgYeT').setup({
image: 'http://newsflashnews.com/wp-content/uploads/2014/11/10/ap_914a654b5d89416baab0f2b27f9817ce.jpg',
sources: [{
file: "http://newsflashnews.com/wp-content/uploads/2014/11/10/ap_914a654b5d89416baab0f2b27f9817ce360SD.mp4"
},{
file: "http://newsflashnews.com/wp-content/uploads/2014/11/10/ap_914a654b5d89416baab0f2b27f9817ceSD.mp4"
}],
title: 'Raw: Lava Sets House Ablaze in Hawaii Town',
width: '100%',
aspectratio: '16:9',
skin: 'glow',
autostart: 'true',
ga: '{}'
});
</script>

both videos had been changed via handbreak and both (HD/SD) works on my Android phone. That made me thinking that encoding might be bad for AP videos.

But it worked just fine earlier..

Problem is I have couple of hundreds videos and it might be problematic to reencode it again via handbreak.
Any ideas?

Up Down

moksamichonski

User  
0 rated :

I have on my AP account chosen H.264 so that's not the point? I've also checked two additional options, "web optimized" and "ipod touch support" in handbreak. so one of this two enabled the video playback. Tho video in 1080p has drop in framerate once in a while.

Up Down

MisterNeutron

User  
0 rated :

JW Player can't create lower-framerate or lower-bitrate files - it can only play the files that you feed to it. So if you want switchable quality, you need to provide multiple files.

Tough to say what might be screwy about the AP's video encoding. The "web optimized" setting in Handbrake just repositions the moov atom to the beginning of the file, to enable streaming (rather than the visitor having to wait for the entire video to download before it starts playing). But the reencoding also tends to straighten out a lot of other poorly-chosen encoding options, and leave you with a nice, clean H.264.

As an experiment, grab one of those original AP videos and feed to a little freebies utility called "MP4 FastStart." That utility does ONLY one thing - it repositions the moov atom - and it does it in a fraction of a second. If that makes the AP video usable, that tells us what the source of the problem is. Get it here - you don't actually install it, you just launch the .exe file:

http://www.datagoround.com/lab/

Up Down

Andrew

JW Player Support Agent  
0 rated :

“Also Andrew what browser have you used on your N5?”

I was trying Chrome out with this.

This question has received the maximum number of answers.