HTML5 Audio & Video for jQuery
jPlayer 2.1.0 Quick Start Guide
The best way to get started is to get the Demo ZIP file from the download page and put its contents on your web server or localhost server. You can then read through each of the following steps to understand what is going on.
These steps cover instructions on making the following demos:
jPlayer as an audio player
jPlayer as a video player
This guide uses the Blue Monday skin. The HTML structure is unique for each skin, so see the demo ZIP file to get the structure for the Pink Flag skin.
The basics
1. Upload the jPlayer plugin
2. Include jQuery
3. Include jPlayer
Using a jPlayer skin
Creating an audio player:
6. Add the jPlayer audio interface HTML
7. Add the JavaScript to instance jPlayer for audio
8. Summary for an audio player
Creating a video player
6. Add the jPlayer video interface HTML
7. Add the JavaScript to instance jPlayer for video
8. Summary for a video player