Sticky HTML5 Music Player With Continuous Playback


Lambert Group Elite Ad

This HTML5 Audio Player is ideal to add background music to your website because it will ensure a continuous and smooth playback across your entire website.





You can customize this html5 audio player by changing the color for: player background, volume slider, timer, buffer, seekbar, song title, playlist background, playlist font and playlist item line separator.
In this manner you have the possibility to integrate this audio player in any design.

It supports .mp3 and .ogg audio files


\ Continuous Playback

When you’ll change the page, the player will continue from the previous minute. Also, the volume will remain as previously set. This will ensure a smooth playback across your entire website. Due to the latest autoplay restrictions imposed by the browsers, this feature will work correctly only on Chrome and IE.

\ Customizable Color Scheme

The prebuilt controllers (play button, next track button etc.) come in black or white versions. Using the parameters you can select any color scheme for: player background, volume slider, timer, buffer, seekbar, song title, playlist background, playlist font and playlist item line separator. If needed, PSD files are included and you can change very easy the controllers, too.

\ Mobile Compatible

It is compatible with IOS and Android operating systems.

\ Set the position

You can position the player left, center or right on the page. Also, available parameters to fine tune the position with bottom and left/right margins

\ Small Or Big on Initialization

Parameter to load the player minimized or maximized when the page is opened.

\ Show/Hide Buttons

You can set as visible or set as hidden: previous button, next button, shuffle button

\ Read Folder

Option to automatically generate the player playlist from a folder which contains the MP3 files.

\ Multiple Parameters

Over 30 js options from where you can customize your player, including: autoplay, loop, initial volume, shuffle & color parameters.

\ Free Updates

Once you’ve bought the product, you can download for free, from your account, all the updated versions.


Notes for IOS (restrictions imposed by Apple):
1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.


Note for Safari, Chrome & Firefox (restrictions imposed by Apple & Google):
Starting with Safari 11, Chrome 66 and Firefox 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS.


Cookies Note:
This product uses cookies, so you should add on your website the cookie consent notification.

Supreme Bundle AD.jpg

Apollo - Sticky Full Width HTML5 Audio Player - CodeCanyon Item for Sale





Keywords: html5,audio,html5 audio player,html5 mp3 player,music,jquery,music player,ios,mobile,playlist,continuous,playback,sticky,footer,audioplayer

If you need additional information don’t hesitate to contact us at [email protected]. We’ll try to answer you as quickly as possible.




***Version 2.6 Release Date: January 30, 2021
- moved html5 audio tag inside the script so that it will not be affected by the incorrect usage of mediaelement library

***Version 2.5.2 Release Date: July 23, 2020
- css modifications

***Version 2.5.1 Release Date: February 05, 2020
- updates for 2020

***Version 2.5 Release Date: June 29, 2019
- replaced the .click(), .mouseover(), .mouseoout() etc functions with the equivalent .on()

***Version 2.4.0 Release Date: January 29, 2019
- updates for jQuery version

***Version 2.4 Release Date: December 05, 2018
- increased the playlist scroll when using mouse wheel

***Version 2.3 Release Date: June 26, 2018
- Chrome auto-play restriction for HTML5 audio & video tags fix
- Safari 11 on Mac auto-play restriction for HTML5 audio & video tags fix

***Version 2.2 Release Date: April 27, 2018
- new parameters called 'cookieExpirationDays' used to set the cookie (used for continuous playback on all pages) expiration time in days

***Version 2.1 Release Date: April 04, 2018
- code improvements for reading the mp3 file total time
- IOS & Android show play button when auto-play is activated

***Version 2.0.1 Release Date: February 26, 2018
- bug fix

***Version 2.0 Release Date: February 14, 2018
- code improvements

***Version 1.9 Release Date: January 10, 2018
- code improvements for touch navigation feature

***Version Release Date: September 21, 2017
- code improvements reading id3v2 tags

***Version 1.8.2 Release Date: January 21, 2017
- bug fix: fixed a bug for continuous playback when shuffle was activated

***Version 1.8.1 Release Date: October 17, 2016
- bug fix: fixed a bug which appeared on IOS 10

***Version 1.8 Release Date: April 25, 2016
- feature: option to automatically generate the player playlist by reading the folder which contains the MP3 files

***Version 1.7 Release Date: January 15, 2016 
- code improvement

***Version 1.6 Release Date: January 28, 2015  
- code improvement: fixed IOS8 issues

***Version 1.5 Release Date: October 11, 2014 
- feature: added touch swipe scroll for playlist on mobile devices

***Version 1.4 Release Date: August 29, 2014 
- bug fix: fixed an auto-play bug which appeared on Firefox since FF 31.0

***Version 1.3 Release Date: June 20, 2014
- feature: improved the cookie setting which was not working properly on some servers 

***Version 1.2 Release Date: May 23, 2014  
- code improvements

***Version 1.1 Release Date: May 17, 2014 
- bug fix: mute button state is saved now, when the page is changed

***Version 1.0 Release Date: May 16, 2014

Live PreviewDownload Now

Leave a Reply

Your email address will not be published.

Enter Captcha Here :

You May Also Like
Read More

Born For Share

Born for share is Nice and awesome wordpress share plugin Using born for share plugin any wordpress site.Every…
Read More

Banner slider Magento Extension

MD Sliders lets you please the visitors of your web-store with the most eye-catching banners on your store.…
Read More

Easy CCleaner PRO

Show Description Source Live PreviewDownload Now

Fliping Product Box.

Use filpping box animation on your website. To change content just overwrite 3 images. Features: • Cool animation…