HTML5 Music Player with 3 CSS3 Skins

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

  • 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

HTML5 Music Player with 3 CSS3 Skins - 1

jQuery Lightbox

HTML5 Video Player

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

You May Also Like
Read More

GamePort – Video Game Marketplace

Admin eMail: Password: adminadmin User eMail: Password: demodemo GamePort is a unique marketplace web application specifically…