Mediaelement.js simple audio playlist skin

Question

I've been searching the documentation of mediaelement.js for a Playlist skin( or atleast a skin that has previous and forward button) does such thing exist? I've seen examples online that has a previous and next button. I was aiming for something like this.

Answer 1

You can extend this plugin by hark.com

https://github.com/hark/mediaelement-plugins

Example:

Previous Button:

(function($){
  MediaElementPlayer.prototype.buildprevious = function(player, controls, layers, media){
    var loop = $('<div class="mejs-button mejs-previous-button">' +      
      '</div>')
      // append it to the toolbar
      .appendTo(controls)
      // add a click toggle event
      .click(function(){
        // window.open(player.options.logo.link, '_blank');
        player.options.prevFunc.apply(this);
      });
  };
})(jQuery);

Then you can add this to the options in mediaelement.js

prevFunc: function(){
    // add previous functionality here
    alert("Previous!");
},