Using the JW Embedder to Embed Your Player

Blog 1 min read | Dec 3, 2010 | JW Player



Flexibility has always been a big part of our JavaScript video player API! We now offer a wide range of options for you to embed JW Player onto your website depending your needs. Watch the JW Academy video tutorials on Basic & Advanced Embedding to learn about the embedding options.

Also reference our Delivery API when you build JW Players into your own website or CMS. If you don’t know which JW Player is right for you, check out our plans page.

Prior to the JW 5.3 release, the most common methods used to embed the JW Player on your website were object/embed code and swfobejct (1.5 or 2.X).
With the release of JW 5.3,
we also introduced our own embed method, the JW Embedder, referenced as jwplayer.js. We recommend the JW Embedder when you’re looking to achieve the following:

  • Seamless failover between the Flash and HTML5 players.
  • Automatic integration with the JavaScript API.

This blog post is going to cover how to use the JW Embedder. Note that if you are familiar with the swfobject 2.X embed method, you will notice some similarities.

Let’s get started…

Here is a basic player setup using jwplayer.js:

Now Let’s break this down, line by line:

Finally, the entire embed is closed out with an ending tag.

I hope this blog post helped explain how to embed the 5.3 player using the new jwplayer.js embedding mechanism. Happy embedding!