作者:诺 | 来源:互联网 | 2023-05-22 12:54
我想在html5播放器里面的标题附近添加一个额外的"HD"按钮.在mediaelementplayer.js文件中添加了这段代码.
//HD button display starts
(function ($) {
$.extend(MediaElementPlayer.prototype, {
buildcontextmenu: function (player, controls, layers, media) {
// create HD button
$('HD
')
.appendTo(controls);
}
});
})(mejs.$);
//HD button display stops
任何人都可以帮助解决这个问题吗?截至目前,johndyer的mediaelementplayer.js不支持HD开/关按钮.参考johndyer的http://mediaelementjs.com/
1> Sam De Decke..:
您需要按如下方式执行此操作(这是循环按钮的示例):
MediaElementPlayer.prototype.buildloop = function(player, controls, layers, media) {
var
// create the loop button
loop =
$('' +
'' +
'
')
// append it to the toolbar
.appendTo(controls)
// add a click toggle event
.click(function() {
player.options.loop = !player.options.loop;
if (player.options.loop) {
loop.removeClass('mejs-loop-off').addClass('mejs-loop-on');
} else {
loop.removeClass('mejs-loop-on').addClass('mejs-loop-off');
}
});
}
然后,在创建视频播放器时,您只需将变量添加到功能列表中,例如:
$('video,audio').mediaelementplayer({
features: ['loop','playpause','current','progress','duration','fullscreen'],
alwaysShowControls: true,
});