First of all, excellent work on the player. It is by far the best one out there and I was happy to see the html5 beta.
I am just trying to get a very simple play list to show up in html5/chrome, but I only see the play list when it falls back to flash in firefox.
Also, if playlists do work with html5, would it be possible to have different playlists configured for html5 rendering and the flash fallback? The reason is I use a youtube playlist for my normal player, and they do not yet support html5 via the API.
"The JW Player for HTML5 does currently not support any playlist functionality. Considering the flexibility of building your playlist totally in HTML, this should not be an issue. "
I guess I need to do some more research, but I'm not sure exactly how a playlist would be built in html. Probably some fancy javascript that would dynamically replace the src of the video tag when you click on a thumbnail?
If anyone could provide a hint, I would really appreciate it. I would only want this html5 playlist to show if they had a compatible browser of course.
Zach, I am interested in setting up a Javascript-based playlist for the HTML5 player similar to what Bmeist described.
I didn't see any references to load(filePath) in the Javascript API (http://www.longtailvideo.com/support/jw-player/jw-player-for-html5/11894/player-javascript-api) -- can you explain in more detail your suggestion?
If I detect a non-flash enabled client (currently just iphoneOS), I am just using a plain old html5 video tag and 5 hardcoded thumbnails under the player, which when clicked will simply set the src of the video element using the loadVideo function.
If it is not iphoneOS, I'm going to assume that you can handle flash, so I will display the normal jw flash player, which nicely pulls the playlist from our youtube channel rss. Hopefully once the youtube api supports html5 video I will be able to use this new JW player to serve the html5 via the youtube rss playlist?
bc.. function loadVideo(aVideo) { var video = document.getElementsByTagName('video')[0]; video.src = aVideo; video.load(); }
This works very nicely for playing one video at a time, but I would like to automatically move to the next video once the previous one ends. I put all the sources in an array and tried using AddEventListener ('ended') or .onended with no success. Any suggestion?
@Chris, here is a playlist example that works in HTML5 – http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/playlist.html?type=progressive
You will have to built this on your own, there is no getting around that.
@Ethan: Hi there, I'm talking about the ability to add XML feeds as playlists for playing in HTML5 setups of the player (http://developer.longtailvideo.com/trac/milestone/Player%205.5 - "RSS/ATOM/XSPF parsing in HTML").
I'm basically looking for a simple way to populate the player with a playlist of content and have it still ready for HTML5.
@Ethan Hi, you mentioned the link below as an example that works with HTML5. Is there any documentation on it at all? Im new to this and I have a task that requires html5 playlist but with no use if .ogv players. How can i change this so that it uses only mp4 and flash as a fallback? Ive tried removing the .ogv link but i get an error saying the player is not supported by this browser (on FF and Chrome). Please help. http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/playlist.html?type=progressive
Is there a way to make it possible to link to one specific video from an external source? For example, so that I can send someone a link to a specific video on the page.
I understand that we need to define playlists in the embedder script options if we want both flash and html5 support, but I'm unsure on how to proceed to add a mp4/webm switch like the "levels" tag in such a scenario.
Thanks for your reply Ethan. I'm sorry, I must not have been clear enough with my question: I know how to use the "levels" tag in a single-file player.
I need some help with the "levels" tag *in a playlist* so that *in html5 mode* there's an auto switch between mp4 and webm.
I need to run a playlist, that serves flash as 1st choice , and html5 as fallback, with levels.
I couldn't find an example on how to do that and am unsure about the embedder syntax.
What you could do is use a JavaScript playlist – http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/16006/javascript-playlist-in-the-jw-embedder
And instead of having “file” in the playlist, just have “levels”
bc.. <div id='mediaspace'>A Video Player would display here if JS was installed.</div> <script type='text/javascript'> jwplayer('mediaspace').setup({ 'flashplayer': '/javascripts/mediaplayer/player.swf', 'playlistfile': 'http://gdata.youtube.com/feeds/api/playlists/B3112D6D0AE5A437', 'v': '2', 'alt': 'jsonc', 'controlbar': 'bottom', 'width': '760', 'height': '380', 'plugins': { 'flow-2': {} } }); </script>
I am using the above code and I can get this to work in the player for flash only.
notice i'm pulling in a jsonc youtube api string and in theory we should get this to work on html5 correct? If xml was the problem, jsonc takes care of that right?
What isn't working is basically this code on my ipad in their safari browser. Yet your progressive player does work and is awesome! I want that in my life too.
if you try this code, you still need to add the script tag for the actual player, of course, but if you adjust the paths, it should work for you in flash.... does it work for you in html5 too? JW Player was supposed to automagically switch if flash isn't available right? Or did i miss something?
Hi Ethan I have a members based website (wordpress site) and it is almost entirely based on videos. Some of our trainings have 5 - 10 videos each. I was looking for a "plugin" that supported a video gallery and used your player. Do you know of one or can you help me with setting up this playlist with documentation or video on how to do? thanks Ethan James
Does the xml playlist (that I linked you to), work on – http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/xmlplaylists.html ? on your ipad? the 3rd entry is youtube, and it works.
Yes, that xml you created works on your page on my ipad. I just watched it right now and it's awesome. Well it doesn't start at 10 actually, but at 0... but it's close enough for me!
That is what i want in my code. awesomeness.
So, i took your xml file and pasted it into mine. Except the youtube video doesn't show up at all.
http://www.teambonding.com/multimedia-page i'll leave it up to see for yourself.... look at http://www.teambonding.com/mrss.xml for the same file. i took the png out just to see if that was messing it up.
So your demo page works... my demo page using your xml code isn't.
I'd love to figure this out so i can use and promote jwplayer from here on out.
I am trying to build a playlist of audio files in JW Player 5.9 using the playlist object block. It is working properly on desktops but on iOS devices it loads the elements but never starts playing. If not possible yet, the visible playlist is not important to this project but might be nice for future work.
I have pieced together this code as best I could from various forum posts and documentation:
including a crossdomain.xml - I do not have access to "http://web6c3.mmpros.net"
I am still unable to play the MP3 files on iOS. Everything else loads. Could the crossdomain being in the subfolder be the issue for just iOS and not flash?
Also, over the weekend I realized that on my test page if I click a playlist item directly it will play fine but if I click the start button in the display area the playlist will start to buffer but never play or error out. This doesn't seem to be the case with yours. I have reviewed mrss.xml and although I don't have multiple formats everything else seems to be the same except in the playlist object rather than xml.
at last can play .ogv and .webm successfully but facing another problem if i build xml playlist mixed with .ogv (http) and .mp4/.flv (rtmp) then only http file playing.please help me
First, note that playlist XML files are subject to Cross-Site Scripting (XSS) restrictions, which limit the way a web page can view data hosted on another domain. This means that a JW Player on one domain cannot load a playlist file from another domain. In Flash mode, adding a crossdomain.xml file to the root of the web server hosting the playlist will allow the player to load the file. In HTML5 mode, the workaround is a bit trickier; you'll need to include an HTTP-Access-Control header in the playlist's HTTP response. If your playlist and player page are hosted on the same domain, these restrictions dont apply.
yes my playlist and player page are hosted on the same domain.also i have crossdomain.xml file to the root of my web server.i can play only html5 mode or flash,can't play both together.in this http://www.myviddyup.com/html5test.php you found 3 player.
player1 for both http and rtmp player2 for only http player3 for only rtmp
i can play http and rtmp in separate player but i can play both in one player.my question is
is possible play both type in one player using xml playlist?if yes then how? i try many way but could not solve this.
so is there no way i can put both files(http and rtmp) together in one playlist.i need to built different playlist,one for .ogg/.ogv/.webm and one for others. and play in different player. is that right?
I seem to be having a problem getting a playlist to load on iOS (iPad / iOS 5.1). The playlist loads just fine and video plays back just fine when in Flash mode on a desktop browser.
However, when I go to load it on the iPad, or (desktop) Safari in HTML5 mode, all I get is a black box where the video should be, and a grey box where the playlist should be. If I tap or click the video area, the first playlist item will actually play.
I've tried setting up the playlist as an RSS playlist, and tries the playlist block method in the jwplayer embed code, and neither worked. I have the playlist.xml on 1 domain, and all the videos on another domain (Amazon S3), but even when I moved my playlist.xml to S3 where the videos are, it still gives me the same issue.
Here are some relevant links to look at..
Page in question: http://clients.mudbugmedia.com/mmidocs.com/meet-our-providers/video-bios
XML for the playlist: feed://clients.mudbugmedia.com/mmidocs.com/video/playlist.xml
Screenshot of what I'm seeing in either Mobile Safari or desktop Safari: http://i.imgur.com/8YZ98.png
My embed code:
<div id='mediaspace'>This text will be replaced</div>
I'm having a very hard time getting a playlist in JW Player working on iOS. The flash version works flawless, however HTML5 doesn't seem to load at all. Here's the link to the page: http://demos.davidbawiec.com/index%20copy.php
Here's the code I'm using for the player: bc.. <script type='text/javascript' src='jwplayer/jwplayer.js'></script>
<div id='mymediaplayer'><p>You need Flash to listen to the Audio Demos. Please Click <a href="http://get.adobe.com/flashplayer/">here</a> to install Flash Player.</p></div>
Is it something in the code above? Or do I have an error in the playlist formatting? My old playlist files looked like this: http://demos.davidbawiec.com/playlist.xml Then I tried to convert them to RSS with media tags, and ended up with this: http://demos.davidbawiec.com/playlistrss.xml But neither of them seem to be working on iOS. :(
As an additional bit of information, I verified the XML test page page (http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/xmlplaylists.html) on my iPhone and all of the players worked. (The 2nd and 3rd row ones looked better though). I'm running an iPhone 4 with iOS 5.1.1
Any help on this issue would be GREATLY appreciated. :)
In looking at the code above as well as the playlist something springs out which may be th ecause that it doesn't funciton in html5.
All of the files that are present in the myplaylistfile are mainly of the m4a format with some flv files.
You also have perhaps best described as a syntax error above namely 'playlistfile': myplaylistfile, 'file': 'Amazon.m4a',
I stand to be corrected on this but why list 'file': 'Amazon.m4a' when you are using a playlist in which the former isn't needed IMHO.
Although the m4a format is an mp4 wrapper it is/was specifically designed for the Apple environment, I'd recommend using the H.264 mp4 iso v2 format. In doing so you'll not only cover the mobile market but also the desktop market although the trend today is increasing with the former(mobile) market.
Recommend:
<ol> <li> convert your m4a into H.264 mp4 and either webm or ogv. My personal preference is ogv</li> <li>use a JSON playlist which is what I use extensively on my web site, www.mirana.net</li> <li>one of the better video format converters is the OGG Video converter which for the price of 29.95$ is well worth it. I've used it now for a few years. Also, check out this link http://www.ogg-converter.net/ and I am sure you may agree with me on this point.</li> <li>it would also be advisable to get a program called the QTIndex swapper from http://renaun.com/blog/code/qtindexswapper/ </ol>
Is there a summary of this thread in the documentation?
I'm doing another dev effort and would like to update to V5.10 html5/flash(failover)
Just wondering if I can find the documentation elsewhere or if I should parse the entire thread. (didn't see it in cursory search of playlists from main site.)
I HAVE to support a whole lot of .xml playlists that are already on our site. So I'm hoping to do that rather than redoing the playlists.
Going forward I'm happy to plop the javascript playlist option down as a .js file, but would want some type of failover for the .xml versions already on the books. (much like modes and levels already provide failover for other assets.)
Hi Ethan. I've been implementing your playlist solution with html5 modes (v 5.10) it is near perfect. I'd like to use source alternates for browsers that dont support certain video formats like you do in using your "levels:" code. Can you do this already or Is that in the works? Talking about something like:
yes thanks, I saw that. I'm trying to support a multilingual site and keep the js player code static and separate from the media description data. The js has a static url to a controller that generates the correct playlist with the correct language. I think you are saying I would need to generate a playlist w the correct properties, right? like:
Thanks! its running locally on my rails server. I got working on some videos but not others so i think its the video fmts. Is there an event object log or something i can js console for load or internal player errors?