Easily Embed HTML5 Video
If you’ve ever watched video on the Internet, chances are you’ve seen JW Flash Player, created by Jeroen Wijering at http://www.longtailvideo.com/. The JW Flash Player is the most popular open-source video player on the Internet today.
Yesterday, Jeroen and his team at LongTail Video announced a public beta for the next evolution of their most popular player, JW Player for HTML5.
With a few lines of code, the JW Player for HTML5 allows you to easily embed, configure, and skin video players using the HTML5 standard. If a user is using a browser that does not support HTML5, the embed code will automatically fallback to the original JW Flash Player. HTML5 is widely supported in many modern browsers, including Safari, Chrome, Firefox and IE9 — but most importantly, mobile devices including the iPhone, Android and the iPad.
It’s that easy. Jeroen has posted multiple examples of the player and is actively looking for feedback. Just as a quick demo, the video below was embeded using the following lines of code and will play on your desktop, iPad, iPhone, or anything in between.
Here is the code for this setup. Make sure to change all links to the scripts, player, image and video. They must refer to the correct files on your server.
First, place this code in the <head> of your page:
Second, place this code where you want the video to appear: