Hi, I've installed the JW Player for WordPress plugin, and it works perfectly except that the when loaded on the iPad or iPhone you see the standard error message that "The video could not be loaded, either because the server or network failed, or because the format is not supported."
The site is here: http://themotionbooth.com/
I used Handbreak to create the video, specifically the most recently updated iPhone & iPod Touch setting. Any suggestions for how I can go about fixing it?
I'm having that same problem when using it to link to a youtube video when creating an app. It looks like the JW player is flash and html5 based. And as we know, flash does NOT play well with iPads or iPhones or iPods. I'm trying to find a workaround (if there is one). I don't understand why that option is offered if it won't work (real-time app creator)
It seems the issues on "the installed directory". I have installed the jwplayer to the "xxx/jwplayer/jwplayer.swf". it works fine except for iPhone/iPad.
I moved the the jwplayer.swf & jwplayer.js to the root of the web server. it works on iPhone/iPad now. (for 5.9.2118 works as well)
Unfortunately I'm still not getting it to work. Updated to the most recent patch, the jwplayer.swf and the jwplayer.js files are in the outermost folder (this is in a WordPress install, but not using the WordPress plugin at the moment as it didn't work on iOS either). It's a linux server.
Hi, I also am having issues on iPad, fine on Chrome and Firefox. I'm testing it with the bunny.mp4 so pretty sure not an encoding issue. On iPad I get "The video could not be loaded, either because the server or network failed, or because the format is not supported."
I'm using IIS 5.1 on XP and have it in an asp page. I'm not overly techy but having read the threads I've tried adding mp4 MIME type and restarting web service, also using full paths. I have no idea how to disable gzip in IIS 5.1 though so not tried that. bc.. <script type="text/javascript" src="http://localhost/jwplayer/jwplayer.js"></script> <script type="text/javascript"> jwplayer("mediaplayer").setup({ flashplayer: "http://localhost/jwplayer/player.swf", provider: "video", stretching: 'exactfit', image: "http://localhost/jwplayer/preview.jpg", width: '640', height: '480', levels: [
{file: "http://localhost/jwplayer/bunny.mp4"},
{file: "http://localhost/jwplayer/bunny.webm"}
]
});
</script>
It's only on localhost at the moment so no link, will try to publish a link later. In the meantime any suggestions appreciated.
Willie, neither one of the sites you've listed above (the first one is ipadpeek by the way) give you anything but a rough indication of how your page lays up on those platforms. They run Flash and don't give any real idea as to whether your video will appear or function correctly on an iphone or ipad.
Ok step closer, in trying to learn a bit more about web stuff I'd set IIS to use HTTPS with a self cert and it seems to be this causing the problem. Though it still worked for Chrome and Firefox it failed on iPad. Once I took this off to try and publish a link it worked.
So next question, any ideas how to make this work with https?
I am having the same issue with my ipad 3. I get an error, "the video could not be loaded either because of the server or network failed or because the format is not supported".
I'm running into the same problem as the original post. I am using the WordPress JW Player plugin. After reading a few other posts I asked my hosting company to enable range request headers. They did this but it still was not working. The hosting company engineer informed me my site "appears to be passing the [video] request via PHP therefore it will not be affected by Apache manipulation of headers, you will need to look at enabling Range Request support in PHP."
He provided this link, http://stackoverflow.com/questions/5924061/using-php-to-output-an-mp4-video , which linked here: http://mobiforge.com/developing/story/content-delivery-mobile-devices.
If this in fact the problem, any ideas on how to implement this within WordPress? Seems to me that the plugin should handle all this, but perhaps it doesn't. Hmm...
Hi Ethan, that is the video I had used on the sample page. I had downloaded bunny the video before, uploaded it to my site's Media Library, and then used the JW Player plugin to add the [jwplayer] shortcode to the page. I'm not sure what else it could be.
I added a second video to http://sandbox.rotlawgroup.com/jw-player/. The first one is "self-hosted" and is not working. For the second video, I used the "External Media" with http://www.longtailvideo.com/jw/upload/bunny.mp4 as the URL.
The second video is working fine, but I can't get the first "self-hosted" version to go.
"To have mp4 play on an iPAD you MUST have h.264 mp4 iso v2"
How can I check the details of the encoding my video has?
I am using m4v exported from imovie. It works on browsers but doesn't seem to work in iphone etc. I am using the JW plugin for WP and streaming from Amazon S3 using https whether that makes any difference.
I have finally gotten my video to play in all browsers and on the iPad. The only way I could get the video to play on the iPad was to have 2 lines of code for the skin. A .zip and .xml file.
The video plays well across all platforms but I think it's strange to have a .zip and .xml file pointing to the skin. Do you have any idea why NOT including the .xml file in the code will make my video not play on the iPad? I'm happy it plays, I just want to understand how this code is working for future reference.
@Ethan LongTail: I'm having the same problem she's having. I went into the Apache servers and did a vi & /mod_headers to see if I got anything for RequestHeader .. is this what you're talking about?
Well, Request Handling is enabled ... so I suppose you could say I'm confused as to why it doesn't work on the iPad. This is a Wordpress Plugin, latest, and like the OP it works fine on everything but the iPad or iPhone? Any idea?
You should ask your host to make sure it is enabled, because if it is not, iOS html5 video will not work. You should also test with just a <video> tag and exclude the JW Player to see if that works.
Hi Ethan, Same problem here. I have enabled range request headers, put a single video into my site as a link and not using the jwplayer and it works. If I use the player it does not.
Hello Ethan, i have the same issue with flv file. it can play well on website but fail on ipad.
according to what you said before, it might be the range header request issue.
Could you please tell me how can i check whether my server has enable the range header request? and how can i enable if it is disabled. i am using Apache.
you're loading the wrong video format for the iPAD.
I would recommend using h.264 mp4 iso v2 thus you'll be able to cover all the bases.
However, if you are intending to just cover the iPAD then you could use m4v which is essentially an mp4 of which this video format was specifically designed for Apple.
You can even exchange the m4v extension with the mp4.
Something else I noticed, you're nesting divisions just prior to the instantiation of the JWPlayer. This is something I would not do as it may yield to possible issues.
It is the better just to have one division then the instantiation of the JWPlayer.
Thank you very much for your help, you are a good person(: i have several questions after read your answer, it would be great if you can discuss it with me.
1. I know flv is a flash video, so do you mean there definitely is not way to play it on iPad?
2. I would love to use mp4 if i have the choice, however, the coming video which provided by 3rd party will be only available on .MOV .WMV and .FLV; So, in this case, if you were me, which format video should i choose if i want it can be play across all the platform? .mov?
3. what do you mean by "you're nesting divisions just prior to the instantiation of the JWPlayer"? Do you mean the following way of coding? ++++++++++++++++++++++++++++++++++++++++++++ jwplayer("xxx").setup({ flashplayer: "player.swf", width: 290, height: 240, controlbar:'bottom', backcolor:'181818', frontcolor:'EEEEEE', stretching:'fill' }); jwplayer("xxx").load( [ { file:"http://localtoday.com.au/files/aap-olympic-video/20051210-w50s.flv", image:"http://localtoday.com.au/files.php?file=user_guide_102543220.png" }
Thanks a lot to all. Now i became more clear about all this. So the MOV files has to be encoded in H.264, now i understand why some mov can be play but some can not. I will try to ask them to provide the right format. Thanks again guys.
bad luck. Ethan, i just tired the bunny.mov file on my sever. it still have problem.
the error message on ipad is: +++++++++++++++++++++++++++++++++++++ the video could not be loaded, either because the server or network failed or because the format is not supported: http://....../bunny.movundefinedundefinedundefinedundefined ++++++++++++++++++++++++++++++++++++++++
now what do you think might be the problem? it plays on pc browser no issue.
The simulator only confirms layout. It does not emulate an iphone or ipad. Do what I do and go into your local Mac dealer, ask to try their products and dial up your pages.
i have ran several test, and found out the rest conclusion:
1: the reason why i have to click twice to be able let the video play is because i load the file after jwplayer setup. ++++++++++++++ jwplayer("xxx").setup({ xxxxxxx }); jwplayer("xxx").load( [ { file:"xxxxxx", image:"xxxxxx" } ] ); ++++++++++++++
Doing this way have no issue on any pc browser, however, it have problem in ipad, video does not play when i click on the screen first time. My question is, what is the problem with this way of coding? does not jwplayer be designed to allow coding like this?
2: for some mp4 file, even it is located in my server, it works very well. However, for .mov file, even i use bunny.mov; if it is on my server, video can not play and show an error, while if i use http://www.longtailvideo.com/jw/upload/bunny.mov directly, it can play with no problem.
Now,every dear experts, please help me identify the problem. i will remember your help all my life (:
actually that piece of code was wrote by other people, i can see they want to do a loop to make a play list. Now i am going to just use initial setup.
This morning i tried several test again, and found the real problem lays on the directory folder!!!
when the video under a folder which came with the CMS, it can play in all platform. while when the video under a folder which create new by me, it can play in all pc browser but can not play in ipad.
the permission of two different directory is exactly the same, the permission of video also same.
so i dont understand, since it can be access from PC browser why it has issue with ipad?
below is the content of .htaccess file under files/ directory. +++++++++++++++++++++++++++++++ <IfModule !mod_rewrite.c> order deny,allow deny from all </IfModule> <IfModule mod_rewrite.c> RewriteEngine On RewriteRule ^(.*)$ ../files.php?file=$1 [L] </IfModule> ++++++++++++++++++++++++++++++++
and i believe we have mod_rewrite enabled.
now the problem seems more and more clear, i am excited.
This question has received the maximum number of answers.