Any movement on a workaroundf for this yet. I have confirmed that this does not work when using Single YouTube file or JSON playlist of YouTube files. Only get 1 inch tall video. I have tried with and without playbar and every CSS option known to man, but no luck.
This is also a VERY SERIOUS problem for me.. :-( Hope for a patch very soon og I need to find another player... I have many users seeing videos on their iPad.. :-(
As promised, I've written a "patch" to overcome a number of YouTube / JW Player 6 / HTML5 mode issues.I need to do a proper write-up, but in the meantime you can find some example implementations here:http://dev.powered-by-haiku.co.uk/jw-html-config/examples/jwtube/single-file.htm
I forgot to mention that without using this workaround it works fine for desktop browsers and ios6 + safari. With ios5 is even worse the player doesn't even fire the onready event.
On the PC (Chrome/ Firefox/ Opera) I get an "event handler" error - which is probably due to using a JW5 embed technique - however it still loads and plays.
On my iPhone iOS 7.0.3 it loads and plays fine.
It doesn't appear to work on my iPad iOS 5.1.1 - but it should (as my examples were working, but no longer appear to be) - i'll be looking into this!
This suggests that there is something outside of the code you have provided that is causing an issue for you on iOS7 - maybe the "populateCluetip" function?
I suggest you rewrite your embed to be JW6 compatible first - without the "modes" and "events" blocks and see where you are at then.
I also realized that I was using jwplayer.js version 6.0.2813 so I updated to the version you're using in your example. I don't know if this could be an issue too.
After doing all that I now get this error:
HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://www.youtube.com/watch?v=K8JuaYVJ_LE failed. Error playing media: MediaError { code=4, MEDIA_ERR_ABORTED=1, MEDIA_ERR_NETWORK=2, more...}
that is not working for me... i don't know why... http://pre-www.lanacion.com.ar/1633913-no-woman-no-drive-la-satira-sobre-una-medida-saudi-que-es-furor-en-el-mundo
pd: i made a modification to "jwtube.js"
this line: iOSVersion:function(){if(this._iOSVersion===null){this._iOSVersion=(this.isMobile()||this.isiPad())?parseFloat(this.getAgent().match(/os ([d_]*)/i)[1].replace("_",".")):false}return this._iOSVersion}
Jame's new page updated to load the player after clicking a link works for me on desktop and ios7 safari (I'm using a real ipad) but when I try in my page it works for desktop but doesn't for ios7. The thing here is that I'm using browserstack for ios7 to test my page. Maybe this is the reason why it is not working?
I don't know. I'll try to use a real ipad to test my page.
I've now updated the "jwTube" patch to include the @Sergio fix and to simplify the implementation when loading JW Player dynamically - such as in a popup.
Dear sir I have tried to run below code, but it is not played correct on iPad/iPhone for iOS7. What is the problem? Still, the Youtube height problem is existing... Please help me.
bc.. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head><title> Peter MacIntyre </title> <script src="jwplayer/jquery-1.8.2.min.js" type="text/javascript"></script> <script type="text/javascript" src="jwplayer/jwplayer.js" ></script> <script type="text/javascript">jwplayer.key = "wvQoCHa9K3fmb3pQfpDWMFKzpLXCLJN6cEa1nJ7H304=";</script> <script type="text/javascript" src="jwplayer/jwtube.min.js"></script> </head> <script type="text/javascript">
function youtubePlay(title, description, thumbnail, url) {
}); //re_jwTube(myPlayer); } ///////////////////////////////////////////06/06/2013 Modified by Niao Jina END////////////////////////////////////////
function makeEmbed() { } </script> <body>
<div class="video_area"> <div id="player">Please click below image ...</div> </div> <img class="sub_video" onclick="youtubePlay("MAC FACT December 2012 Time to List, Home Prices are Increasing!","","http://www.hdhat13.com/h264/peterProImage.jpg","http://youtu.be/IXUAREZ7mGo");" src="http://www.hdhathomes.com/pictures/s_Screen Shot 2013-03-18 at 10.16.41 PM(1).jpg"> </body> </html>
2) Move the *"type":jwtube.setType()* line to inside the "sources" block. It needs to be along-side the "file" setting.
3) Because this is dynamically created, you need to re-patch the player after the setup, and due to a JW bug in 6.7, you'll also need to re-get the player instance after the initial setup, this is done by replacing *//re_jwTube(myPlayer);* with *myPlayer = jwplayer("player"); jwtube.patch(myPlayer);*
Dear sir Thanks for your help. The url is displayed correct for me. So, I have modified, but my site dose not play... Please check the URL : http://evening.engellee.com/test/jw.html I don't know what is the problem...
Dear James I have done. But, still exist issues. Please check the URL again. And, here is my full source : http://evening.engellee.com/test/jw.zip Please download and analyze.
Dear James Please quickly help me.... http://tours.kal-soft.com/channel/13/Peter-MacIntyre# Please go to Mac Facts menu below the main video player. Then you can see 2 thumbnails, it is a Youtube video links. By the way, as you see, when click thumbnails, "Error loading media: File not found " message is displayed. What is the problem?
I have included James's Fix for io7 but when i include line
bc.. type:jwtube.setType()
JWplayer gives me error "Error loading media: File could not be played." and filepath variable points to the youtube link but when i include link to any .mp4 player works fine
Hello, just wondering if there's any update on when the iOS7 bug will be fixed globally on the JW Player. We're currently using the free player for development but are planning to go with the Enterprise version. However, this bug is a huge issue for us and is holding us back, and if it's not fixed soon we may have no other choice but to look for a different video solution. We've tried James's fix, but that has its own issues and is not a long term solution. Any update you have would be greatly appreciated.
Thanks for your help, James! The main issue we're having with the fix is that the controls don't show up for YouTube videos that are playing inline on iOS7.
Also, just curious if it's possible to define a custom image for YouTube videos through the JW PLayer?
I consciously chose to hide the YouTube controls and try to provide as much "functionality" as I could through the JW controls instead - even though this means you can't seek or select different quality levels directly - _you can via code_.
This was for the following reason:
One of the original feature points of JW Player was the provision of a consistent, visually rich user interface for web video - regardless of browser or technology implementation. I believe this why to date they only offer YouTube on PC through Flash - in order to maintain that control over consistency (iOS on mobile is the thorn in their side at the moment!).
In implementing an HTML solution, I wanted to play by the same rules and ensure (where possible) the user experience was consistent - preserving both the JW branding and the customer logo. Although it would have been easier to just allow the YouTube controls, I think you'll ultimately see when the JW Team provide a proper native YouTube implementation, these things done in a similar way - _except they have the original source code so will be able to properly hook-up seeking and quality selection!_
Depending on the timeline for an official JW fix (probably looking at mid-Jan 2014 at a guess) I could provide a version of "jwtube" which uses the YouTube controls instead of the JW ones, if you see value in that.
Regarding the custom image: Apple imposes a limitation of requiring the user to initiate a playback - this means you have to hand control to YouTube in order to capture that request - and the image is all part of that YouTube process... at least for the first YouTube video... You could potentially modify the images for subsequent YouTube videos that were part of a playlist.
Hi. I would really be happy if someone could help me here. (I am a premium user, if this helps!) ;-) I am not much of a coder and only know basic php, so I have some problems with this. (And this is a big problem for me when my users cant see videos on their iPad on my site) :-(
I have downloaded the newest jwtube.min.js and added to my head.
But I cant get the code working.
Could someone please help me with this simple player code I have and fix it so it works with the patch?