javascript - 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!");
},