Simple and Clean jQuery Html5 Audio Player Plugin

File Size: 2.53 MB
Views Total: 8451
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple and Clean jQuery Html5 Audio Player Plugin

Simple HTML5 Audio Player is a simple plugin that takes advantage jQuery and jQuery UI to create a clean and skinable HTML5 music player alternative to the generic browser rendered player. The plugin currently supports two types of audio: mp3 and ogg.

You may also like:

Basic Usage:

1. Include the latest jQuery and jQuery UI libraries from Google CDN

<script src=""></script>
<script src=""></script>

2. Include custom jQuery UI CSS file on your web page (jquery.ui.core.css and jquery.ui.slider.css)

<link rel="stylesheet" href="dependencies/jquery-ui-1.10.3.custom.min.css">

3. Include jQuery Simple HTML5 Audio Player Plugin on the web page

<link rel="stylesheet" href="simple-html5-music-player.css">
<script src="simple-html5-music-player.min.js" type="text/javascript"></script>

4. Create a container for the music player

<div class="audio-player" id="demo"></div>

5. The javascript

<script type="text/javascript">
mp3Src: "src/Test1.mp3",
oggSrc: "src/Test1.ogg",
autoPlay: false

This awesome jQuery plugin is developed by MattONeillUK. For more Advanced Usages, please check the demo page or visit the official website.