WordPress Version Now Available ->
HTML5 Music Player with 3 CSS3 Skins
Suggested Experience:
- HTML/CSS: Advanced
- JavaScript: Beginner
This HTML5 music player is great for anyone who needs their music to work on both desktops and mobile devices. It has three CSS3 based skins to choose from and comes with a custom built Flash fallback for older browsers that don’t support HTML5 Audio. Use it as your page’s main music player, add it to your blog posts or build on top of it with the available API methods.
The player is custom built on top of jQuery 1.10.2 and is void of any external open source media plugins (keeping it super-optimized and light-weight).
Custom Settings Include:
- Choose from three CSS3 skins
- Start the player in an open or closed state
- Choose to autoplay music
- Randomize the song order
- Set the volume level
- Add custom HTML for song titles
Music Used in the Preview
- AudioQuattro – Sky
- Trix-Music – Bring The Bomb
- abir187 – Catchy Hip hop Violin Loop
- metrolightmusic – Long Ride Home
- rtofvnt – Eco-rporate
- palmtreep – Lucius Dei
- adamjamescuz – Drifter
- AudioQuattro – We Hope
- hamditheone – Ramos
API Methods for Advanced Users
- Toggle playback on and off
- Play a song by index
- Skip to the next song
- Destroy the player
Special Notes
- Background images and songs are for preview purposes only and are not included in the source download.
- iPads and iPhones do not support HTML5 media autoplay and autoplay will be automatically set to false for these devices.
- Although the player will work with only one song it is specifically styled for multi-song usage.
- Other than icons, the skins are built with 100% CSS3. But because rounded corners are not supported in IE8, buttons will appear as squares instead of circles for this browser
- Support is not provided for older versions of jQuery and there is no guarantee that this item will work in older versions of jQuery
More Files by CodingJack
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = HTML5 Music Player with 3 CSS3 Skins
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/html5-music-player-with-3-css3-skins/1275465″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy HTML5 Music Player with 3 CSS3 Skins from the The Developer ( CodingJack ) website. Thank you.
Download = HTML5 Music Player with 3 CSS3 Skins-[Updated].zip