Mediaelement.js简单的音频播放列表皮肤

Question

我一直在搜索mediaelement.js的文档，看一下播放列表皮肤（或者至少是一个有前一个和前一个按钮的皮肤）这样的东西存在吗？我在网上看过有上一个和下一个按钮的例子。我的目标是这样的。

Answer 1

您可以通过hark.com扩展此插件

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

示例：

上一个按钮：

(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);

然后您可以将其添加到mediaelement.js

中的选项

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