Playlist buttons

[trinzia]

My dynamic start/stop isn't working.
Can I make buttons control the MP3 track somehow?

    <audio id="player" preload="none" src="media/Shine.mp3" type="audio/mp3" data-track="001"></audio>

    <button type="button" class="jPlayLink" data-track="Shine.mp3">
        <cite>Shine</cite> by Dolly Parton &amp; Nickel Creek
    </button>
    <button type="button" class="jPlayLink" data-track="HereAndHeaven.mp3">
        <cite>Here and Heaven</cite> by Yo-Yo Ma, Edgar Meyer, Chris Thile And Stuart Duncan
    </button>


var player = new MediaElementPlayer ('#player', {
    pauseOtherPlayers: true,
    success: function (mediaElement, domObject) {
        // add event listener
        mediaElement.addEventListener('pause', function(e) {
            pausedSound();
        }, false);
                mediaElement.addEventListener('timeupdate', function(e) {
                     var WHACKAMOLE = mediaElement.currentTime;
                     console.log (WHACKAMOLE);
        }, false);
        // call the play method
        mediaElement.play();
    },
    error: function () {
    }
});
player.pause();
//player.setSrc('media/Shine.mp3');
//player.play();

function pausedSound() {
    //something
}

$('.jPlayLink').click(function() {

    var songName = $(this).text();
    var track = $(this).data('track');
    console.log (songName);
    console.log (track);
    player.pause();
    player.setSrc('media/' + track);
    player.play();
});

[rafa8626]

@trinzia You can always reference the player like this: javascript $('#player')[0].player.pause()

Closing old issues. If you'd like to reopen this, let us know. Thanks!