Javascript 扩展video.js中的进度控制，复制进度条

我在扩展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'
        })
    })
);

this.player=videojs（“id”，videojsOptions）；
var thePlayer=this.player；
videojs.TrimVideo=videojs.ProgressControl.extend({
初始化：函数（播放器、选项）{
调用（这个，播放器，选项）；
}
});
this.player.controlBar.progressControl.trimVideo=this.player.controlBar.progressControl.addChild(
新的videojs.TrimVideo（thePlayer{
el:videojs.Component.prototype.createEl（null{
类名：“vjs修剪开始按钮vjs菜单按钮”，
innerHTML:“单词和单词”，
角色：“按钮”
})
})
);

当初始化新文件时，它会将子文件合并在一起，您必须显式地将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
    })
);

this.player.controlBar.progressControl.trimVideo=this.player.controlBar.progressControl.addChild(
新的videojs.TrimVideo（thePlayer{
el:videojs.Component.prototype.createEl（null{
类名：“vjs修剪开始按钮vjs菜单按钮”，
innerHTML:“单词和单词”，
角色：“按钮”
}),
seekBar:false，//此
子项：{seekBar:false}//或此
})
);

当初始化一个新文件时，它会将子文件合并在一起，您必须将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
    })
);

this.player.controlBar.progressControl.trimVideo=this.player.controlBar.progressControl.addChild(
新的videojs.TrimVideo（thePlayer{
el:videojs.Component.prototype.createEl（null{
类名：“vjs修剪开始按钮vjs菜单按钮”，
innerHTML:“单词和单词”，
角色：“按钮”
}),
seekBar:false，//此
子项：{seekBar:false}//或此
})
);