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

JW Player Not Working In iOS When Using Latest 5.8 jwplayer.js


Hi,

The following code works on windows/iPhone/iPad when using the 5.7 Player with the 5.7 jwplayer.js

It DOES NOT work when using the 5.8 Player with the 5.8 jwplayer.js

However, It does still work when using the 5.8 Player with 5.7 jwplayer.js

Did something change with the modes in the latest and greatest jwplayer.js?

bc.. <script type='text/javascript'>
jwplayer('playerspace').setup({
'title': 'My Title',
'description': 'My Description',
'file': '/videos/Files/myfile.flv',
'image': '/videos/thumbs/image.jpg',
'skin': '/videos/beelden.zip',
'screencolor': '000000',
'autostart': 'true',
'controlbar': 'bottom',
'width': '600',
'height': '370',
'modes': [
{
type: 'flash',
src: '/videos/player5_8.swf'},
{
type: 'html5',
config: {
'file': '/videos/Files/myfile.mp4'
}},
{
type: 'download',
config: {
'file': '/videos/Files/myfile.mp4'
}}
],
'plugins': {
'gapro-2': {}
}
});
</script>

50 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

Can you provide a link?

JW Player

User  
0 rated :

Here you go Ethan,

The only difference between these 2 pages is one uses the 5.7 jwplayer.js file and the other uses the latest 5.8 jwplayer.js file.

Both pages use the 5.8 Player.
Both pages work in windows.

I have tested both these urls on iOS 5 using an iPad 2 and iPhone 4.

BROKEN in iOS - Using 5.8 jwplayer.js
http://www.killsometime.com/videos/videotest.htm

WORKING in iOS - Using 5.7 jwplayer.js
http://www.killsometime.com/videos/videotest2.htm

Thanks

Ethan Feldman

JW Player Support Agent  
0 rated :

Thanks, we will take a look.

JW Player

User  
0 rated :

Thank you.

If you hear anything could you just update this thread for me.

Much appreciated.

Keep up the good work!

Ethan Feldman

JW Player Support Agent  
0 rated :

Np, will do.

JW Player

User  
0 rated :

Just thought I'd add my experience here.

5.8 did not work on our iPad or iPhone 4 on iOS 5. It did however work on an iPhone 4S.

Downgrading to 5.7 JS but keeping 5.8 player solved problems on all devices.

Ethan Feldman

JW Player Support Agent  
0 rated :

Ok, thanks for letting us know.

JW Player

User  
0 rated :

Hey,

We were experiencing the same issue with the new version of jwplayer.

One way we found to fix it was to load a playlist/video file during the onReady callback, instead of the during setup();

e.g.

bc.. jwplayer('video').setup({
smoothing: true,
modes: [{type: 'flash', src: '/jwplayer/jwplayer.5.8.swf'}, {type: 'html5'}],
width: "100%",
height: "100%",
autostart: true
}).onReady(
function() {
jwplayer.load({ file: '/somevideo.mp4' });
};
);



Hope this helps.

JW Player

User  
0 rated :

sorry, last part should read

bc.. jwplayer("video").load({ file: '/somevideo.mp4' });

Ethan Feldman

JW Player Support Agent  
0 rated :

Cool, thanks for letting us know.

JW Player

User  
0 rated :

Okay, I'm having this issue too with 5.8, where can I get the 5.7 JS???

Ethan Feldman

JW Player Support Agent  
0 rated :

Licensed or unlicensed?

JW Player

User  
0 rated :

unlicensed

Ethan Feldman

JW Player Support Agent  
0 rated :

http://developer.longtailvideo.com/trac/browser/tags/mediaplayer-5.7

JW Player

User  
0 rated :

Hi
my jwplayer 5.8 not works. I have changed my 5.8 jwplayer.js with 5.7 jwplayer.js, but it not helps
Here is my code:
bc.. jwplayer(this.moviePlayer.id).setup({
'controlbar.position': 'bottom',
'autostart': false,
'width': '340',
'height': '236',
'modes': [
{
type: 'flash',
src: $.baseUrl + 'design/jwplayer5.8/player.swf',
config: {
'file': "http://media.site.com/flash/" + movieId + "_high.flv"
}}
,
{
type: 'html5',
config: {
'file': "http://media.site.com/flash/" + movieId + "_high.flv"
}}
]
});

JW Player

User  
0 rated :

*it`s not working in Ipad

Ethan Feldman

JW Player Support Agent  
0 rated :

Please provide a link Sem…

JW Player

User  
0 rated :

We are having a similar problem:
http://cekret.com/Animas/AnimasHTML5-V9.html

It is working on an iPhone 3GS but not iPhone 4.

We are using version=5.8.2011 Licensed

Any update on this issue?

Ethan Feldman

JW Player Support Agent  
0 rated :

What version of iOS is on each device?

JW Player

User  
0 rated :

Works OK on:
iPhone device = 4, iOS = 5
iPhone device=3, iOS = 5.15.04

I will check the versions on non-working device and report.

JW Player

User  
0 rated :

This is frustrating.

I have tried all solutions mentioned here and nothing works.

Ideally I would like to use one file for all browsers on all platforms, perhaps mp4. No need to worry about downloaded files playing, only streaming online.

If I use flv it works on everything aside from iPad 2 and iPhone 4, latest versions of software.

If I use mp4 it doesn't work on anything. Says file not found or access denied, both of which are not correct. The file is in the place I indicate and I have access to the site/file.

The link is as follows: http://www.ecc.net/ECCVideo.asp

Unlicensed version.

G

JW Player

User  
0 rated :

I have even tried copying the source code from the example given on this website, since I found the example on this site work on iPad, etc.

However, when I use the same code, my files still do not work.

JW Player

User  
0 rated :

link please?

Ethan Feldman

JW Player Support Agent  
0 rated :

Willie, he provided a link.

George:

Can you try the trunk player?

http://developer.longtailvideo.com/player/trunk/fl5/player.swf
http://developer.longtailvideo.com/player/trunk/fl5/js/bin-debug/jwplayer.js

JW Player

User  
0 rated :

Unfortunately, using the files you linked to above, nothing changes with the playability of mp4 files.

I have tried the files standalone and they work well. It's only when I try using the JWPlayer that they do not play, so I know it's not the files themselves.

Please, let me know if you have any other ideas on how I can get JWPlayer to play mp4 files for me.

Thanks.
G

JW Player

User  
0 rated :

I ditched 5.8 and went back to 5.7. All worked fine again and is still working.

JW Player

User  
0 rated :

Folks

here is what I do in testing for functionality in mobiles; iPhone and iPAD.

I don't have either one (can't afford it) hence I use the next best thing in testing my web site

Testing for:

<ol>
<li>iphone
http://iphonetester.com/
</li>
<li>IPAD
http://ipadpeek.com/
</ol>

I truly is amazing in testing one's work with the two links above and I'd suggest to have them handy at all times.

hope this is useful info

JW Player

User  
0 rated :

Willie,

Thanks for sharing.

I, fortunately, do have both an iPhone 4 and an iPad 2, which is how I know that JWPlayer with mp4 is not working on either.

How is it that I am the only one not able to find a workable solution? I must be doing something wrong.

I have tried a different video, hoping it was the video I was using, for some reason, but it still doesn't work as mp4.

Someone, please help!

Thank you.
G

JW Player

User  
0 rated :

the mp4 needs to be H.264 iso v2

JW Player

User  
0 rated :

Willie, I know that I am using the H.264 codec but how do I tell that it is isov2 @ I use handbrake.

Also testing the functionality in my ipad 2 after I type the multimedia web page I notice that the page is not stable. There is a constant shaking. Does that mean there is a problem. Thanks.

JW Player

User  
0 rated :

what does mediainfo say about the mp4 that you are using?

JW Player

User  
0 rated :

Willie, we seem to be ignoring the elephant in the room here. My last forum advice from Ethan was to go back to version 5.7 of JW Player while they looked into this issue.
Ethan, has there been any progress here? My videos were functioning ok on all platforms (as far as I could tell) but ceased to exist on iphones and ipads as soon as I switched to 5.8.

JW Player

User  
0 rated :

Using the latest stable release 5.8 of the SWF (player.swf) and the JS (jwplayer.js), I ran into bug described at #1538. That bug got fixed, so I grabbed the trunk version of the JS (@2030) which solved THAT problem.

Both TRUNK(2030) and 5.8, however, fail on an iPhone. The video area gets skinned to look like the player would in any other browser, but touching the play icon in the center does nothing. Touching the outer edge of the video area causes the video to play. This means that there is nothing wrong with the encoding of the video.

Downgrading the JS file to 5.7 solves the problem IF AND ONLY IF you are using a preview image in your configuration (this is what I have done for now).

Downgrading the JS file to 5.6 solves the problem even if you are not using a preview image.

5.6 and 5.7 also seem to not even trigger bug #1538.

Here is one specific example configuration that behaved as described above, in case it helps with debugging.

bc.. <script type="text/javascript" src="mediaplayer-5.8/jwplayer-fiveseven.js"></script>
<div id="container1">Loading video...</div>
<script type="text/javascript">
jwplayer('container1').setup(
{
id: 'container1',
wmode: 'transparent',
icons: 'true',
file: "http://content.bitsontherun.com/videos/lWMJeVvV-364767.mp4",
image: "http://s1-www.ltvimg.com/v3_4_15/images/jw-player/lWMJeVvV-720.jpg",
width: '500',
height: '307',
controlbar: 'bottom',
dock: 'false',
provider: 'video',
modes: [
{
type: 'flash',
src: 'mediaplayer-5.8/player.swf',
config: {
provider: 'http',
'http.startparam':'starttime'
}
},
{
type: 'html5',
config: {
levels: [
{file: "http://content.bitsontherun.com/videos/lWMJeVvV-364767.mp4"},
{file: "http://content.bitsontherun.com/videos/lWMJeVvV-1287469.webm"}
]
}
},
{
type: 'download'
}
]
});
</script>

Ethan Feldman

JW Player Support Agent  
0 rated :

Hey Guys,

Clearly there is a bug with 5.8+ and iOS (specific versions). I would recommend posting the bug to the Bug Reports forum, and using 5.7 for now.

Best,
-Ethan

JW Player

User  
0 rated :

Silly enough, our server didn't have .mp4 MIME type registered.

All is good now. Sorry for the confusion and thanks for all your help.

G

JW Player

User  
0 rated :

@Ethan

I think this is an autostart issue. I know in iOS autostart will not work due to the restrictions by apple but we need it on the desktop.

I have the same iOS issue but only when I use autostart as a setup parameter. When switching back to 5.7 it works with autostart set to true.

JW Player

User  
0 rated :

Why change version?

omit the autostart options and use the JWPlayer's API to accomplish the same thing with 5.8

visit my web site and view the coding used for the different examples and you'll see this in action.
visit www.mirana.net

bc.. $jw('div1').setup(options).play();



The code above will supersede the use of autostart by/with the addition of .play() at the end.

*This is a far better and superior method and I highly recommend to be used*

This becomes "*lean, mean and devoid of superfluous code*" as I was told recently.

Ethan Feldman

JW Player Support Agent  
0 rated :

@George – Glad you sorted it.

@blomeyer – Yes, 5.8 has a bug with HTML5 and autostart=true, so just use 5.7 or now, or use Willie’s work around.

JW Player

User  
0 rated :

Had the user flush the cache.
So it is all working correctly.

Ethan Feldman

JW Player Support Agent  
0 rated :

Great!

JW Player

User  
0 rated :

Hello,

this bug is being reported for months now, and still I don't see HTML5 fallback working on 5.8. Any status updates please?

JW Player

User  
0 rated :

I have the same issue. I had asked for help in other thread which has all the information.
http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/24541/jwplay-preview-image-not-working-in-ipadsafari

Can anyone confirm that moving to 5.7 JS fix it? Unfortunately, I don't have iPad to test it and the links provided above show the preview image but read iPad/Safari doesn/t

Thanks

JW Player

User  
0 rated :

I dont have an iPAD myself but I do use the following link to test things out http://ipadpeek.com/

Ethan Feldman

JW Player Support Agent  
0 rated :

You guys can try the 5.9 trunk player to see if it fixes it – http://developer.longtailvideo.com/player/trunk/fl5/js/bin-debug/jwplayer.js

JW Player

User  
0 rated :

I just wanted to post an update to this.

Videos still wont play in iOS with the latest licensed 5.9 version jwplayer.js.

BROKEN - 5.9 player with 5.9 jwplayer.js (Test this in iOS):
--------------------------------------------------------
http://www.killsometime.com/videos/videotest3.htm

Unfortunately I still have to use the 5.7 jwplayer.js in order for videos to play in iOS.

WORKING - 5.9 player with 5.7 jwplayer.js (Test this in iOS):
--------------------------------------------------------
http://www.killsometime.com/videos/videotest4.htm

I'm surprised there have been 2 new releases since 5.7 and still videos are not playable in iOS using the jwplayer.js embed method. (unless you use the 5.7 jwplayer.js)

I tested on an iPhone 4 and 4s as well as an iPad 2.

This bug still exists....

Ethan Feldman

JW Player Support Agent  
0 rated :

You need to load the js library before the div. Your page doesn’t even load in Chrome with Flash turned off, so this isn’t iOS specific.

I downloaded your mp4 file, switched the ordering, and this HTML code works fine:

<html>

	<head>

		<title>JW Player Test</title>

	</head>

	<body>

		

        <div id="playerspace" name="playerspace" style="margin: 0 auto;"></div>

        

        <script type='text/javascript' src='http://player.longtailvideo.com/jwplayer.js'></script> 

        <script type='text/javascript'>

            jwplayer('playerspace').setup({

                'title': 'Awesome Skateboard Trick',

                'description': 'This kid pulls off a pretty cool trick. Check this one out.',

                'file': 'http://www.killsometime.com/videos/Files/Awesome-Skateboard-Trick.flv',

                'image': 'http://www.killsometime.com/videos/Files/Awesome-Skateboard-Trick.jpg',

                //'skin': '/videos/beelden.zip',

                'screencolor': '000000',

                'autostart': 'true',

                'controlbar': 'bottom',

                'width': '600',

                'height': '370',

                'abouttext': 'KillSomeTime.com',

                'aboutlink': 'http://www.killsometime.com',

                'modes': [

                    { type: 'flash', src: 'http://player.longtailvideo.com/player.swf' },

                    { type: 'html5', config: { 'file': 'Awesome-Skateboard-Trick.mp4'} },

                    { type: 'download', config: { 'file': 'Awesome-Skateboard-Trick.mp4'} }

                ],

                'plugins': {

                    'gapro-2': {}

                }

            });

        </script>

		

	</body>

</html>	

JW Player

User  
0 rated :

Ethan,

I looked over the code you posted and the only real difference I see between my test page and your page is the skin commented out. //skin

So I decided to comment out my skin and presto!!!! it works in iOS now.

Here are both links for reference:

BROKEN in iOS - With Skin:
http://www.killsometime.com/videos/videotest3.htm

WORKING in iOS - Skin commented out:
http://www.killsometime.com/videos/videotest4.htm

Any thoughts?

PS: Thanks for helping me through this one.

Ethan Feldman

JW Player Support Agent  
0 rated :

Yes, you need to point to the skin XML file (not zip) for iOS / HTML5 skin support.

JW Player

User  
0 rated :

I'll try that.

Thanks!

Ethan Feldman

JW Player Support Agent  
0 rated :

Np!

This question has received the maximum number of answers.