I use JWplayer on my website and it has worked good for me for a few years....My sister got an iphone 3g and says now she can not watch the videos....I know iphone can stream .mov and mp4....All my videos are encoded for mp4....Anyone know what i can do with the player to work with iphone??....Thanks....
The iPhone does not work with the JW Player because the iPhone doesn’t support Flash, and the JW Player is Flash.
Thanks Ethan....
NP :)
I understand the Flash and iPhone incompatibility.
Has someone developed a workaround, so that when the iPhone user agent is detected, the Flash code is not loade, but rather, an MP4 file or YouTube file is displayed?
@Tim Cline
As for a workaround, the upcoming Wowza Media Server 2.0.0 preview release works well for me. Here is a link to a forum thread that may well give you some food for thought.bc.. *http://www.wowzamedia.com/forums/showthread.php?t=5374&highlight=iphone*
The thread is a long one BUT it's well worth reading from start to finish as a great deal of information and tips run throughout.
Regards - Jimb
For now i am just embedding a 2nd,,smaller .mov video in my web page so my sister can still watch with her iphone and be included in our family video....I figured out that i had to smash down the video into a 320 by 240 video as small as possible....No problem for now....JW player is still my favorite that i use in my site....
Manual: " When the page is loading, the JW Player is automatically instantiated on top of the <div>. By default, the player is
rendered in Flash. If Flash is not supported (e.g. on an iPad), the player is rendered in HTML5. "
In my iPhone 3G doesn't work... In mu old iPod says "No suitable players found" That iPod is too old anyway... but why doesn't work on my iPhone?
@Carlos Alberto – The new player should work on the iPhone. Here is an example video which works on iPhones – http://www.longtailvideo.com/players/jw-flv-player/
Well not in my iPhone... You can see what I get here http://www.cerebrospain.com/image.jpg ....... A quicktime symbol and a crashed play button.
What OS / Model are you using?
Same experience as Carlos. Just tried the new html 5 version of JW Player. It does not work on Iphone 4. Any ideas?
Where are you trying to run this?
Same problem here: JW Player (Plugin in WP) version 5.3 and iPhone4 ... "No suitable players found."
Rico – link please.
Sorry - local development ... can i send you an e-mail?
Please post a test page, if possible.
Sorry, i can't post a test page here. because the development isn't accessable for public. but i have created an access for you (username and password) ... that's why i would send you an email.
Same "No suitable players found" here. See: www.woutersiteur.nl/jwtest (please scroll down).
Wouter
@Ethan
The link: http://www.pluss-media.de
@Rico – You are using a FLV file here…HTML5 does not support FLV files.
@Wouter – Same, you are using a FLV file here too.
I changed it to a mp4-file. Same result :/
How did you encode the mp4?
I'm excited about the iPhone integration.
I changed it to an mp4 file, encoded with handbrake, web optimized checked.
Now in firefox 3.6.12 / osx 10.5.8 the video doesn't play when I load the page the first time. I just see a spinning wheel. When I do a reload of the page, the video plays fine.
On the iPhone, the error message "No suitable players found" has disappeared, but no video is shown.
Wouter
@Wouter – If you have that issue with the file, run it through this application – http://renaun.com/blog/2010/06/qtindexswapper-2/
@Ethan
I encoded it with Adobe Media Encoder CS5 - h.264 Profile "Apple iPod, Apple iPhone-Wide-Screen-Video"
@Ethan
When I run the file through qtindexswapper I get the message: "Error: MOOV is in proper place, processing not needed."
Wouter
@Rico – That should work…but we suggest using HandBrake to encode. We used it for this example file, which works – http://www.longtailvideo.com/jw/upload/bunny.mp4
@Wouter – Where are you running this latest mp4?
@Ethan
I am still running the mp4 at www.woutersiteur.nl/jwtest
It looks like something is wrong with the way this was encoded. I can’t tell, though, sorry.
Sorry for be late... I was very busy, any way... I have no time now to try everything I did read. But I am sure that i probe it in my very old iPod and in my no so new iPhone, and didn't works, (The same Problem) ... I am using .mp4 and you can see the sample code on my web page www.cerebrospain.com . all the videos posted are using your technology...
PD: Sorry for my bad English...
@Carlos:
iphone 3g and 3gs generally won’t playback anything over Baseline profile 3.0 and iphone 4 and probably iPad do not like anything over Main Profile 3.1. Now there are exceptions as it is usually specific settings that you may or may not have used that are the real problem for these devices.
Here is a good reference article that covers this: http://www.niallkennedy.com/blog/2010/07/h264-video.html
I am using the video.mp4 file provided with the download and I used Opera Browser 10.63 which has support for HTML 5. But it displays" No Suitable players found" message..Remember that I am using the video file that came with download..So no question of it not being encoded properly..Something is wrong with the player...
@jane – provide a link…please…
I now also use the video.mp4 file that came with the player. Still the same problems:
1) In firefox 3.6.12 / osx 10.5.8 the video doesn't play when I load the page the first time. I just see a spinning wheel. When I do a reload of the page, the video plays fine.
2) On the iPhone (3GS, iOS 4.1), the error message "No suitable players found" has disappeared, but no video is shown.
The link: www.woutersiteur.nl/jwtest
@Wouter – Use this file – http://www.longtailvideo.com/jw/upload/bunny.mp4
Definitely works.
Also make sure you are using the latest versions of player.swf/jwplayer.js
I use bunny.mp4 now. I use mediaplayer 5.3, dated 28 Oct. Still the same problems though:
1) In firefox 3.6.12 / osx 10.5.8 the video doesn't play when I load the page the first time. I just see a spinning wheel. When I do a reload of the page, the video plays fine.
2) On the iPhone (3GS, iOS 4.1) no video is shown.
The link: www.woutersiteur.nl/jwtest
Do you see the video on the iPhone?
Okay, it looks like you have a server issue.
Make sure you have the MP4 MIME-TYPE enabled and that you have GZIP compression disabled on your server.
I don't know how to check this. Besides, I am afraid I cannot change the server config.
I would contact your host then, about this.
OK, I found out how to disable GZIP compression in htaccess:
SetEnvIfNoCase Request_URI \.swf$ no-gzip dont-vary
Now the mp4 plays fine in firefox. So I guess the MP4 MIME-TYPE must be enabled.
But on my iPhone I still don't see a player at all :(
Does somebody see a video player on the iPhone?: www.woutersiteur.nl/jwtest
Hm, that should work, but it isn’t even loading anything on the iPhone. Can you try to put it on an entirely blank page?
I found the problem! When I remove mootools.js (automatically included by joomla) I can play the video on my iPhone.
The problem with firefox returned though: In firefox 3.6.12 / osx 10.5.8 the video doesn't play when I load the page the first time. I just see a spinning wheel. When I do a reload of the page, the video plays fine.
Ahhh…got it.
This should be fixed with the trunk version of the player.
What about using an MP3 file with the player, it doesn't work when visiting the player with an iPhone.
What steps does it take to make the player working with iPhone and other mobile phones?
@Kai Denninger – MP3 is not yet supported. Regarding making it work, please read the PDF guide that comes in the 5.3 zip file.
I got everything working now. Note that I had to check 'web optimized' in Handbrake for the video to play on my iPhone.
I also got playlists and the flow-plugin working for the flash player. Unfortunately, the html5 player doesn't support playlists (http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/14625/html5-support). Nor the flow plugin as it is a flash add-on.
My 2 questions:
1) when will the html5 player support playlists?
2) will similar plugins like flow become available for the html5 player in the (near) future? Or do I have to implement this myself using javascript?
1) HTML5 does not support playlists itself.
2) You will have to use JavaScript. Flow is a Flash plugin.
Apparently, you didn't understand / read my post very well when replying.
1) in the article (http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/14625/html5-support) I read:
_No Playlist Parsing
Currently, all media requiring playlists must be played in Flash mode as we have not reimplemented our playlists parsers in JavaScript. Once this is done, full playlist support will be available in HTML5 mode._
So I understand it will be available. The question I asked was: *when will full playlist support in html5 mode be available?*
2) I my previous post I state myself that flow doesn't work because it is a flash plugin. The question I asked was: *will there be plugins for the html5 mode with similar behaviour like the flow plugin for the flash mode?* If the answer is yes, I will wait. Otherwise I will implement it myself with javascript.
Sorry.
We don’t have an ETA yet for either of these yet, unfortunately, but they are coming in the future.
I just find out that a mp4 file is played on the iPad only if the file is declared on the setup();
but if I move the file on a load() callback it won't play
The javascript can detect if it is PC or iOS and accordingly play FLV or MP4,
Below you will see if loop having // Flash case and //HTML5 case
bc.. <div id="Player_Area"> </div>
<script type="text/javascript">
jwplayer("Player_Area").setup({
flashplayer: "JWplayer/player.swf",
controlbar: "bottom",
height: 400,
width: 650,
skin: "JWplayer/skin/metarby10.swf",
autostart: true
}).onReady(function()
{
if (this.container.tagName.toLowerCase() == "object")
{
// Flash case **************CASE TO HANDEL PC/LAPTOP**************
this.load({
file: test.mp4",
streamer: "rtmp://****.net/****",
provider: "rtmp",
});
}
else
{
// HTML5 case **************CASE TO HANDEL IPAD/IPHONE**************
this.load({
file: "http://****.net/****/mp4:test.mp4/playlist.m3u8",
});
}
});
</script>
I have tried your code and I do get the player but I am not able to play a video. When I look at the activity monitor in Safari I do not see the video being loaded. The activity list stops after both jwplayer.js and player.swf and logo.png are loaded. Any idea why this is not working.
@bobmax48 – Can you provide a link?
Here is the website with four attempts at HTML5 or Flash.
http://fss.education.illinois.edu/html5orflash/
In these examples we are trying to use both rtmp and http to serve out the files. We are using a Matrox CompressHD card for rendering a Flash H.264 file and would like to use the same file for both Flash or HTML 5. Two of these pages (A and D) work and two don't. Example B and C are almost the same code, B shows a player but doesn't play anything, C just shows a big white box with most of the page missing.
Ethan thanks for all your help thus far!
I have disabled gzip and have the mp4 mime type set up.
I downloaded the bunny.mp4 file and renamed it to video.mp4.
The video works fine on the Ipad, just not any of the iphones ive tested it on including an iphone4 with updated iOS.
Can you take a look at my cod and let me know if I'm doing something wrong?
Thanks!
http://www.triscari.com/jwplayertest/test.html
Er.. never mind. The Bunny video works on the iphone. Is there a recommended way to encode the mp4 that I could use as a reference?
@bobmax48 – B does not work for me, make sure to check the paths. C is a broken example. A and D work fine.
@Jonathan Barler – Use this program for encoding – http://handbrake.fr/
Yes B doesn't work for me either with Safari on the Mac or iPad. C actually works on the iPad but the video frame size kept on getting larger until it filled the screen. A and D work fine on both Mac and iPad. What do you mean by C being a broken example?
What we are trying to do is to use the same H.264 video for both Flash and HTML 5. The video is playable in both a flash player and also HTML5 or Quicktime. What I am not getting and not being able to find out on this forum is how you would access the same file that being streamed by rtmp and you want also to access it with http. Maybe I need to ask this question in the Wowza forum but from what I have asked on there in the past I am not sure they know enough about embedding video to answer this question.
What I mean is that C is a broken link. Nothing loads.
I have yet to see a video play on JW Player over an iPhone 4 or iPad. Does anyone have a valid link? It seems like solving this issue would be of paramount importance with all the iPhones and i{ads around.
@David Barrow – http://www.longtailvideo.com/players/
Works on iPhones / iPads.
We have tested it extensively.
Thanks. Is it possible to get it to work with Shadowbox and provide a unified solution for both regular browsers and iPad/iPhone? Or, if there is a way to have a gallery or thumbnail grid of links to videos that would "dim" out the page behind the JW Player while the video plays. Is there an example anything like that around?
So far any attempts to have JW Player work with Shadowbox for iPhone or iPad just result in the Quicktime player popping up.
@David Barrow – This is a limitation of Apple products. Apple products will force the QT player. No way around this.
My test page:
http://tesztweboldal.info/6/node/163
Not work :(
Is there a way to have JW Player play the file for desktop web browsers, but have it fall back to QT for iPhones/iPads? Do the iPhones/iPads do HTML5?
How to integrate the jwplayer in drupal?
With this code don't see the video in android
[jwplayer
|config=sample1
|file=http://www.tesztweboldal.info/m/bunny2.mp4]
@csoky80 – The Drupal Module does not yet support HTML5, unfortunately.
@David Barrow – That is exactly what the 5.4 player does. iPhones and iPads only do HTML5, not Flash. So if you go to – http://www.longtailvideo.com/players/jw-flv-player/ in a browser, it players in Flash, and if you go to it on an iOS device, it will play in the QT player.
I guess I need to study how you have that setup more closely. I thought I had it setup to play for iPad/iPhone, but then I noticed it was using Quicktime on regular browsers as well.
@David Barrow – Okay, let me know if you have any other questions.
Ethan,
Thanks for all the help. I have it working perfectly on both the pc and ipad/iphones.
The Test link is below for anyone that is interested:
http://www.triscari.com/jwplayertest/test.html
The only issue I am coming across now is that the video loads painfully slow on the iphone. Is there any way to set up JW-Player with different fallback video when flash is not detected? That way I could drastically bring down the quality of the video for mobile users while allowing PC users to still experience a high quality video.
You would have to write in your own JavaScript checks to do something like this.
None of these links are working on my iPhone.
@Gray – Does this link work on your iPhone?
http://www.longtailvideo.com/players/jw-flv-player/
@Ethan LongTail -Hello, no, this is not working on my iPhone 4 & it's also not working for a colleagues Android phone :( Please advise. Thank you.
We have personally tested this page on both of these platforms.
In fact, we have tested this page on each generation of iPhone, and on multiple Android phones with OS 2.2
No one else has reported that this page does not work…
I can (also) confirm that this is not working as intended on iPhone Touch, version 3.13/7E18
Both examples went to the following page: http://www.longtailvideo.com/players/jw-flv-player/
On Safari, what happens is you see the player image (of the gecko) for about 2 seconds, and then a grey "cannot play" sign as the rest of the content loads. Ironic that it has a QuickTime logo on the corner of the image
On Opera Mini (5.0.019802), while the Mobile view is a glorious mess, the video itself thinks I want to download it onto my iPod Touch. It does indicate itself as a mp4.
Then again, I should probably upgrade and see what happens.
This is absolutely not working on my iPhone 4. (It did work on a a iPhone 3gs, but not the iPhone 4.2.1) How should I confirm this for you?
http://www.longtailvideo.com/players/jw-flv-player/
@Tony – We have an iPod touch here that we used. It works.
@Gray – We have multiple iPhone 4 devices here, this URL has always worked.
http://www.longtailvideo.com/players/
I will find a video camera; and then have someone record me using my phone, to show it NOT working, because I can assure you (that for me, on my phone, for ALL the links I have tried and tested) that it is NOT working for me.
Should I email it to you, or post it online with a link? This solution is (and sounds) wonderful (and I want it), but there's no way I am the only person with this problem.
You are actually indeed the first person who has reported that the video at – http://www.longtailvideo.com/players/ does not work on an iPhone 4. You can post it here. I can post a video after of the same page working on an iPhone 4 too…
Any updates on IOS compatibility?
Donnie…We have had iOS compatibility for months now.
Since 5.3 of the player.
Demo – http://www.longtailvideo.com/players/
Let me be the second person to report that the video at http://www.longtailvideo.com/players/ and http://www.longtailvideo.com/players/jw-flv-players/ does not work on an iPhone 4.
They do work (HTML5 - Flash disabled on each of the following) on Chromium 10.0.648.133 (77742) as well as Chrome 10.0.648.151 on Ubuntu. Also worked on Chrome-unstable 11.something
Any suggestions on this matter?
What OS are you using? We have several iPhones here, that are all different generations, and we do not have issues on either page.
It's version 4.2.6, firmware 1.0.05 on an iPhone 4.
Hmm, thanks. We will investigate this.
Ethan,
I can confirm that the two links you gave does not play the video on my Windows Phone 7. The webpages do display, but the videos don't play. Just shows a white box with a file icon in the upper left corner.
The direct link (http://www.longtailvideo.com/jw/upload/bunny.mp4) you gave to the bunny.mp4 video file does stream and play on my WP7, but I don't think there is a player associated with it.
I hope this was helpful.
Does Windows Phone 7 Support Flash or HTML5? I don’t think it does…
You are correct; WP7 currently does not support Flash, but HTML5 support is in a planned future update.
What I found out today is that on my website, if I just link to an .mp3 or .mp4 file directly, and click on that link with my WP7, it will stream and play with the phone's internal player. So for WP7, I don't need a third party player.
I will try this tomorrow with an iPhone 4 and see what it does. I don't know what it's web browser will do.
Thanks for the input.
A guy I work with has an iPhone 4 with the latest firmware update and indeed, it does play the video on your http://www.longtailvideo.com/players/ website.
I hope this was helpful.
Np.
Ahh, thanks for the feedback.
When i add 2 videos i just can see the first, why?
it works fine for iphone, but i cant use the script if i cant add the seccond part of my video.
i use this script:
<div id="thePlayer"></div><script type="text/javascript">jwplayer("thePlayer").setup({ flashplayer: "http://player.longtailvideo.com/player.swf",file: "http://example.com/vid.mp4",height: "360",width: "640"});</script>
any thoughts?
Can you provide a link?
I'm having trouble getting mine to play on iPhone. I've tried so many players the last few days and this is the only one that works across the board but so far only for pc or mac.
Can anyone take a look? http://www.blueembergrills.com/
Video is one the main page
You are using swfobject.
You need to use jwplayer.js (our embedder), for HTML5 support.
http://www.longtailvideo.com/support/blog/15827/using-the-jw-embedder-to-embed-your-player
Hi Ethan, thanks.
Does this new script below completely replace the old one with the swfobject?
<script type="text/javascript" src="jwplayer.js"></script>
<div id="thePlayer"></div>
<script type="text/javascript">
jwplayer("thePlayer").setup({
flashplayer: "player.swf",
file: "file.mp4",
height: "270",
width: "380"
});
</script>
The above code seems to be working for me for web and iPhone. Having issues getting it to play on a blackberry but thinking it's the filesize. Compressing now
Nothing seems to be playing on a blackberry. We brought the file size down from 30mb to 9mb so that didn't help.
Any suggestions?
