+1 好问题,是的 - 这是可能的。您要做的是为进度和当前时间等创建自己的插件/功能。
这是一个简单的示例,您可以如何为当前时间创建一个插件/功能,这应该可以帮助您入门,请确保您在功能名称前加上“build”:
(function($) {
MediaElementPlayer.prototype.buildmyfeature = function(player, controls, layers, media) {
var t = this;
$('<div class="mejs-time">'+
'<span class="mejs-currenttime">' + (player.options.alwaysShowHours ? '00:' : '')
+ (player.options.showTimecodeFrameCount? '00:00:00':'00:00')+ '</span>'+
'</div>')
// append it to the toolbar
.appendTo(controls);
//attach element we want to update to t (this) for easier access
t.currenttime = t.controls.find('.mejs-currenttime');
// add a timeupdate event
media.addEventListener('timeupdate',function() {
if(t.currenttime) {
//replace with whatever time you want to insert here
t.currenttime.html(mejs.Utility.secondsToTimeCode(t.media.currentTime, t.options.alwaysShowHours || t.media.duration > 3600, t.options.showTimecodeFrameCount, t.options.framesPerSecond || 25));
}
}, false);
}
})(jQuery);
并将您的插件/功能添加到功能:参数中,如下所示:
$('audio,video').mediaelementplayer({
features: ['playpause','myfeature','progress']
});
这里有一个如何从官方 mediaelementjs 站点创建循环按钮(插件/功能)的示例:http://mediaelementjs.com/examples/?name=
loop
如果您需要一些代码来开始进度条,只需查看 git 上的mep-feature-progress.js。