jPlayer

HTML5 Audio & Video for jQuery

a project by happyworm

Step 1 : Upload the jPlayer plugin

Perform the following actions:

  • Download the jPlayer plugin from the download page.
  • Unzip the ZIP to get your plugin files.
  • Upload the jPlayer JavaScript file and SWF file to your web server.

For the purpose of this guide, upload them to a directory called "js" located at the root of your domain. This will allow you to easily reference the jPlayer plugin from anywhere on your site using:
/js/jquery.jplayer.min.js

Additionally, this allows you to easily set an important jPlayer option, the swfPath, by using the constructor option:
{ swfPath: "/js" }

next step

Notes:

The swfPath is important because jPlayer must know where the SWF file is for the Flash fallback to work. Failure to upload the SWF file and set the swfPath correctly will cause your site to have problems on older browsers that do not support HTML5 Media in the formats you supplied.

For example, Firefox 3.6 is a browser with decent HTML5 Spec compliance, but you will need to have supplied OGG files for jPlayer to use its HTML solution. If you have only supplied MP3 files, then the Flash fallback solution would be used.

We recommend using absolute paths so that you can use jPlayer once or many times throughout your entire site structure. You can of course use relative paths if you want and understand why it is appropriate for your site.

For example, the jPlayer site uses relative paths to make it easier to maintain a history of all its releases. Plus all our demos are structured in a directory specific to their release.