JW Player 5.3, HTML5, and You

Common misunderstandings about HTML5, Flash, and the JW Player

The release of JW Player 5.3 introduced some important new changes to our player, and its embedding mechanisms. Both the JW Player for Flash and the JW Player for HTML5 are now completely incorporated into JW Player 5.3. As always, we’ve received great feedback from our community which has helped us compile this list of common misunderstandings about the Flash Player, the HTML5 Player, and Flash/HTML5 in general. With this post, I hope to help you get started with the JW Player 5.3 for Flash and HTML5.

Ready? Let’s Get Started!

1) The 5.3 player.swf file does not contain the HTML5 Player

I know this might sound obvious to some of you, but the 5.3 version of player.swf does not contain the HTML5 player. For those who are less familiar, the .swf file format is a Flash-specific format. The entire HTML5 player exists within a file called jwplayer.js (our new JW Embedder), which comes in the new .zip file for the 5.3 player. Inside of this .zip file there is also a PDF with details on the new JW Embedder, how it works with the player, and a specific section dedicated to the player’s HTML5 support.

2) I uploaded the new player.swf file to my site, but the HTML5 player does not work on my iDevice

This misunderstanding is related to the first point we just addressed. Note that in order to use the HTML5 player, you need to embed the player using jwplayer.js. Why? Because all of the HTML5 player code exists within this file. In cases where you set the HTML5 player to be the default mode, the player.swf file is only there for Flash fallback purposes. The idea behind this orientation is to present a seamless experience for the end user. The end user should always see a working video player, regardless of what browser/device they are viewing the video with.

3) I am embedding the HTML5 player, but it doesn’t play my .flv files

The format .flv actually stands for Flash Video, and unfortunately, this format is only supported by Flash. Previously, Flash would handle the entire video playback. With the introduction of HTML5, it is now handled by the browser or device. Each browser/device has support for its own specific list of codecs. For example, if you embed our HTML5 player in Firefox using just an MP4 file, it will actually fall back to Flash, because Firefox does not support MP4 files in HTML5 (and it probably never will). However, if you embed our HTML5 player using an OGG/OGV file, Firefox will have no problem playing the video back natively in HTML5. Then again, Safari will choke.

4) I am trying to run an RTMP stream with the HTML5 player, but it isn’t working

RTMP is a proprietary streaming technology, developed by Adobe, and it is only supported by Flash. One of the most important things to take note of regarding HTML5 is that it can only support what the browser natively supports. The most common way to view HTML5 video is through progressive download. Progressive download can be compared to simply embedding the Flash player, and pointing to a file on your server.

5) I can’t get any of my audio files to play in HTML5

While <video> was the main thing that propelled HTML5 into the limelight, a lot of users have asked about support for MP3 files, and more specially, the <audio> tag. We have this on our radar, and are already planning to incorporate it in the next release of the HTML5 player. In the interim, please note that the current version of the HTML5 player, does not support <audio>.

6) None of Flash Plugins work

The new JW Embedder has the ability for you to specify failover cases, such as first trying HTML5, and then falling back to Flash – or vice versa. Using this same methodology, you can set plugins in the embedder, and when the player is running in Flash mode, the plugins will load.

However, these plugins will not work in HTML5. They are Flash plugins only, thus HTML5 does not support them. But don’t worry, we are working on introducing plugins that work with both Flash and HTML5, so keep your eyes peeled!

7) iPad / iPhone issues regarding skins/player look & feel

When the HTML5 player is played back on an iPad or an iPhone, the result is very simple, it just plays back the video correctly. Nothing else. No bells or whistles. This is because these particular devices use the <video> tag only. Thus, playback will happen in the device’s native video player. For example, the iPhone plays the video back in the QuickTime application – in a new window entirely. This means it does not play directly on the webpage. For the iPad, while the video plays back directly within the webpage, it will still be in the QuickTime application, meaning none of the custom skins, logos, etc. will show up. It won’t look like the JW Player, it will look like a basic video player embedded into a webpage.

8) XML Playlists don’t work

HTML5 doesn’t support any sort of playlists natively (XML, or any other kind for that matter). Right now, the workaround is to use a JSON playlist instead. In a future release, we will have a workaround for XML playlists, so stay tuned!

Wrapping it Up

I hope this blog post helped clear up some of those remaining questions/misunderstandings that some of you may have about the JW Player 5.3 for Flash and HTML5. If anyone reading still has questions, please feel free to contact us!

Happy Embedding!

19 Comments

  1. Beca November 18, 2010 - 12:08 EST

    Thank you Ethan

  2. Ethan LongTail June 2, 2011 - 05:58 EST

    You need to put them on your web server. HTML5 for MP4 files will only support progressive download. You can’t put up the MP4 files on an RTMP server.

  3. Ethan LongTail November 18, 2010 - 06:26 EST

    Np

  4. Beca November 17, 2010 - 04:42 EST

    Hi – we have been saving our videos to flv format. Now that we are using the new JW player and if we want it to fall back to html5 what format should we be saving to?

  5. Ethan LongTail November 17, 2010 - 07:09 EST

    @Beca – Use MP4 (H.264 Encoding)

  6. Debra November 22, 2010 - 03:21 EST

    When an MP4 file is created, will it make a difference if the file extension is MP4 or mp4?

  7. Zizi February 14, 2011 - 07:34 EST

    I downloaded ver 5.4. But still no HTML5 mp3 support. Will you support it in ver 5.5?

  8. Ethan LongTail February 14, 2011 - 07:37 EST

    We have a branch that supports audio.

    Check it out here – http://developer.longtailvideo.com/trac/browser/branches/audiotag

  9. Ethan LongTail November 22, 2010 - 06:26 EST

    Either will work :)

  10. DeRon June 2, 2011 - 12:23 EST

    I have .flv videos on a streaming server using RTMP protocol, now I want to create a fail back to HTML5 for those using iPhones. Do I put the .mp4 files on my FMS4 or do I put them on my web server and point to the file?

  11. Ethan LongTail November 1, 2010 - 02:15 EST

    Glad you got it working :)

    Yes, it would be great if they could support this at some point.

    Np!

  12. Ethan LongTail November 8, 2010 - 05:20 EST

    I don’t believe there are any actual “real” streaming alternatives that will do this. Can you show me an example of an other one? (I mean in a web browser, not a standalone iDevice app). Thanks.

  13. alberto November 17, 2010 - 06:23 EST

    alberto

  14. Hercules October 29, 2010 - 08:02 EST

    Ethan, is there a way that i can fail over to my HTML5 Video player and not to JW HTML5 ?
    I believe also that Iphone/Ipad is only HTTP Streaming compliant, correct ?

  15. Wendy November 7, 2010 - 09:38 EST

    I have been using Flash Media LIVE Encoder to publish LIVE video to a CDN and then use JW Player on the webpage to play the Flash Videos (using RTMP protocol).

    However, now I am compelled to stream to iDevices (iPad and iPhone).

    Can I still use Flash Media LIVE Encoder to encode LIVE videos but use H.264 (Format) and probably use a different audio plug-in other than MP3 (although, I’m not sure which one) and use the JW Player 5.3 and would that automatically play the video in iDevices?

    Or do I have to completely use a different encoder for the videos to play in iDevices? If so, could you recommend some?

    Or am I entirely missing the entire tech/video quagmire?

    Thanks for your assistance!

  16. Ethan LongTail November 8, 2010 - 03:11 EST

    Unfortunately, the Flash Media LIVE encoder only works for the Adobe Flash Player.

  17. Wendy November 8, 2010 - 07:47 EST

    Thank you so much for that response!

    So is there an alternative to FMLE? Is there another encoder that would allow me to stream a video source that can be played on an iPad? How do others who do LIVE streaming on iPhone do it?

  18. Ethan LongTail October 31, 2010 - 08:34 EST

    Hercules, if you are going to be using our embedder (jwplayer.js), you could probably do this, but it would require some hefty code changes.
    Regarding iDevices, I do not believe that their mobile Safari browser supports streaming, since it only supports what HTML5 supports.

  19. Hercules November 1, 2010 - 02:52 EST

    Thank you Ethan, i already tried to fail over to my html5 player but with the embed code and not with the new jwplayer.js, and it worked :) So it’s ok with me.

    Yes i just read about it on the wiki, well lets hope that they will do something about it quick, cause i don’t know what i will do with some content of mine that is over 3hours long :/

    Thank you for your reply

Post a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>