HTML5 Audio & Video for jQuery
Step 2 : Include jQuery
jPlayer is a jQuery plugin, so you must include jQuery in your page before you add any plugins to the JavaScript library.
We recommend that you use the Google Ajax API CDN since its common use throughtout the internet will actually speed up your site, while reducing your bandwidth per month.
The API allows you to specify an explicit jQuery version or the latest release in that version path. For example, you can use /1.6/ in the URL to get the latest 1.6.x release, which is 1.6.2 at the time of writing this guide.
To use the jQuery CDN, add the following line to the HTML of your page's <head>:
<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> </head>
You will now have access to the entire jQuery Library on your webpage. If you are new to jQuery, you may want to look at the jQuery Documentation and marvel at the comprehensive API you now have at your fingertips.
Take care to only include the jQuery library once in your page. If you are editting an existing complicated web page template, you might already have it!
Notes:
Some developers may decide to have their own copy of jQuery on their website. This avoids problems if the CDN was to fail, which leaves your site apprently working, but broken due to the CDN failure.
To use your own copy, download jQuery and upload it to your site. You'd upload it in a similar way to uploading jPlayer to your website. ie., Put it in an easy to use absolute address.
Anyone interested in a CDN failover, read our blog post on the subject:
A Simple and Robust jQuery 1.4 CDN Failover in One Line
If you have many scripts on your page, you might want to consider using head.js to speed up your site.
Note that this jPlayer guide does not cover its use. You have to change the jQuery ready function to use the head.js() callback function or use the head.ready(fn) function instead.