Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

HTML5 Music Player with 3 CSS3 Skins

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

HTML5 Music Player with 3 CSS3 Skins - CodeCanyon Item for Sale


Ad: Bluehost hosting

WordPress Version Now Available ->

HTML5 Music Player for WordPress

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

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

  • HTML5 Music Player runs on jQuery version 1.10.2
  • 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

Tiny music Player HTIflL5 Audio FLoh Backup iii,

your Images Tweet your Images Pin your Images Like your Images RESPONSIVE RETINA READY GRAPHICS REAL SOCIAL SHARING

Real for ery browser css HTMLS Video dentkaj Flash Backup Respons Light Dark Skin Works with.mp4, Firefox backup required C5S graphics kon fonts Retina Love

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


10 January 12

Last Update:
30 August 13

Compatible Browsers:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:

Software Version:


eCommerce, All Items, audio, audio player, html music player, html5, html5 audio, html5 media, html5 media player, html5 music, media player, music, music player, music playlist, player, playlist, song