<!-- Player 1 -->
<div class="musicianspan"></div>

<span class="bbplayer">
<span class="bb-play bb-paused"></span>
<span class="bb-trackLength">03:25</span>
</span>


<!-- Player 2 -->
<div class="musicianspan"></div>

<span class="bbplayer">
<span class="bb-play bb-paused"></span>
<span class="bb-trackLength">03:25</span>
</span>


<!-- Player 3 -->
<div class="musicianspan"></div>

<span class="bbplayer">
<span class="bb-play bb-paused"></span>
<span class="bb-trackLength">03:25</span>
</span>


<script>
  BBPlayer.prototype.updateDisplay = function () {
    var audioElem = this.bbaudio;
    var duration  = toTimeString(Math.ceil(audioElem.duration));
    this.bbplayer.getElementsByClassName('bb-trackLength').item(0).innerHTML = duration;
    if (this.bbaudio.paused) {
      playButton.classList.remove("bb-playing");
      playButton.classList.add("bb-paused");
    } else {
      playButton.classList.remove("bb-paused");
      playButton.classList.add("bb-playing");
      this.bbplayer.closest('.musicianspan').addClass('glow');
    }
  };
</script>