Add a Stylish Audio Player to your Blog Without using Plugins

Monday, September 20th, 2010

Mark Boas

Admittedly, it’s a little crude, but it’s simple and it works.

If you’ve ever wanted to add an audio player to your blog post and didn’t want to go to the trouble of installing a specific plugin to do so, you can always embed jPlayer within an iFrame. The one-liner you need to achieve this would probably look a lot like this:

which could give you something like this :

Sure, it’s not that efficient, you may end up loading jQuery twice if it’s already included as part of your blog, but there’s the added advantage that the page will render progressively and you have a nice little sandbox to play in should you just want to alter the player.

I used to hate iFrames and shudder at their very mention, but I must admit I’m coming around to them.

Mark B

Monday, September 20th, 2010 AJAX, Audio, configuration, development, HTML5, javascript, jQuery, Uncategorized

2 Comments to Add a Stylish Audio Player to your Blog Without using Plugins

  • Dalton says:

    Vimeo just launched their new embedded player in an iFrame – I figure if they’re doing it, there must be a reason for it. I’ll definitely keep this in mind.

  • Hi~ This is a wonderful player, and I love if very much.
    I’ve a question that is there a option to make it play random? If U can add a button on it, it will be perfect.