Would unique name for the player each time I duplicate it solve the problem?
Yes. A unique player ID would be necessary.
But if your player supports playlists, wouldn't it be better to put music into folders by genre instead of having separate players?
So I tried a couple times - once duplicating the class 'MusicPlayer' with a second instance called musicPlayerTwo as it's living within its own div of content, below this one... Then I tried the same but applied just to the div called 'player'; tried a second instanced called 'playerTwo' (just for testing). Both of these attempts revealed the first track from the first player & the first track from the second player side-by-side titles in BOTH players. - Hope that makes sense. It seems to detect them as two of the same if you see what I mean. When I click play btn, the first track of first player plays - regardless of if first or second player. I am next going to try to see if I have any luck with the "playlist hidden".
Have you any other ideas how I can sort this out? I am deliberately calling in specific mp3s so don't know why this is happening.
<ul class="playlist hidden">
<li audiourl="Waterway.mp3" artist="Artist Name Here">Waterway</li>
...so on and so forth...
I hope this gives you a better idea. Thank you!
Use unique IDs instead of classes.