• Photo & Multimedia
  • Showcase & Versatiles
  • Menu & User Interface

HTML5 Music Player

There are several ways to play music on web such as using Quicktime, flash, and so on. However those ways have a big problem regarding cross-platform. To use a Quicktime player which is one of iWeb internal features, will not be compatible with some platforms such as Windows, Chrome OS, and Android. In addition, Flash can not be also supported in iOS. This widget blows away those compatibility issues. Make your own music playlists to your website with this excellent HTML5 mp3 player. This music player is originally created by jPlayer. We have fixed and updated their original source code for better performance.


* This widget is also included in Pro Pack. Pro versions enable users to save and load their code with additional customizable options (+ sync Podcast RSS feed, supporting m4a format, playlist color, and resizing album artworks).

Build your own

  • Input data in the fields below. (Your contents such as images, videos, and music can be anywhere on web. DropBox is recommended.)
  • Click "Apply these settings", select the entire codes. Then, press Command + C (Mac) or Control + C (Windows) to copy.
  • Paste the source code into HTML snippet in iWeb. (Non-iWeb users can get an iFrame code by clicking "Make an iFrame" button.)
  • We'd highly recommend to use free cloud services like Dropbox / Google Drive to host your multimedia because they provide more stable and speedy connection.

* Customize styles

* Optional settings

* Insert contents (available music format: mp3)

* Copy and paste this code above into HTML snippet (iWeb) or snippet (for other tools, follow "Installation Guide"), and see if it works on your web browser.

- iFrame code for non-iWebsites (other tools except for iWeb)

I am Preview

This live demo is dynamically loaded when you push "Apply these settings" button. This preview may not be same to the actual view in your website.
* Important! Don't click a link from this preview. It will make you leave this page out so that you may lose your own code.