我在扩展progressControl对象时遇到问题,它也会克隆滑块,因此目前有两个。我试图通过扩展progressControl来解决这个问题,或者我应该以不同的方式创建元素,这是错误的吗?
this.player = videojs("id", videojsOptions);
var thePlayer = this.player;
videojs.TrimVideo = videojs.ProgressControl.extend({
init: function(player, options){
videojs.ProgressControl.call(this, player, options);
}
});
this.player.controlBar.progressControl.trimVideo = this.player.controlBar.progressControl.addChild(
new videojs.TrimVideo(thePlayer, {
el: videojs.Component.prototype.createEl(null, {
className: 'vjs-trim-start-button vjs-menu-button',
innerHTML: '<div style="">words and words</div>',
role: 'button'
})
})
);
答案 0 :(得分:0)
初始化新的progressControl时,它会将子项合并在一起,您必须将seekBar显式设置为false。所以你最终会得到像
这样的东西this.player.controlBar.progressControl.trimVideo = this.player.controlBar.progressControl.addChild(
new videojs.TrimVideo(thePlayer, {
el: videojs.Component.prototype.createEl(null, {
className: 'vjs-trim-start-button vjs-menu-button',
innerHTML: '<div style="">words and words</div>',
role: 'button'
}),
seekBar: false, // either this
children: {seekBar: false} // or this
})
);