Hilary and Gary, I took the liberty of "improving" the Player, at least in my eyes.
There is no need to use jQuery:javascript: void $('#player audio').attr('src', "http://jonphilibert.com/audio/i_got_the_blues_from_you_female.mp3");
becomesjavascript: document.getElementById('jpp').setAttribute('src', "http://jonphilibert.com/audio/i_got_the_blues_from_you_female.mp3");
This allows for multiple Players and Playlists.
void is not needed as it was jQuery causing the issue with Firefox - do check!
The Rollovers for the tracks were messy as three were missing.
I just turned all the grouped objects into a Text Area with magic bullets and bottom paragraph borders.
The entire Player all with no images whatsoever.
I embellished the Placeholder but as it is a Placeholder none of the imagery is actually rendered.
The Placeholder code is now:<audio id="jpp" src="http://jonphilibert.com/jp/audio/load.mp3" controls autoplay controlsList="nodownload" style="width: 460px;" ></audio>
There is no other code anywhere else.
The id can be changed as can the width.
For the Playlist and controls, I used website Link Colours for the rollovers.
All the bullets stop a track so no need to jump to the top.
The design file is minuscule at 26kB: jQuery(-) - Audio-Plugin.xar
Acorn
Bookmarks