我不得不用艰苦的方式学习它，并编写我自己的自定义视频小部件。感谢ipywidgets模块的作者，它不是从头开始的。我还发现，我想做的事情，可能可以用PyViz面板视频以更简单的方式完成。如果有人感兴趣，我会分享我的解决方案，它可以节省你学习前端和Backbone.js的时间。

• • 注意事项**：它不能在JupyterLab中运行，您需要切换到Jupyter经典模式。请在评论中分享解决方案，如果您知道如何修复："Javascript错误：未定义require "

Python端的小部件模型

from traitlets import Unicode, Float, Bool
from ipywidgets import Video, register

@register
class VideoE(Video):
    _view_name   = Unicode('VideoEView').tag(sync=True)
    _view_module = Unicode('video_enhanced').tag(sync=True)
    _view_module_version = Unicode('0.1.1').tag(sync=True)
    
    playing = Bool(False, help="Sync point for play/pause operations").tag(sync=True)
    rate    = Float(1.0, help="Sync point for changing playback rate").tag(sync=True)
    time    = Float(0.0, help="Sync point for seek operation").tag(sync=True)
    
    @classmethod
    def from_file(cls, filename, **kwargs):
        return super(VideoE, cls).from_file(filename, **kwargs)

前端的小部件视图

%%javascript
require.undef('video_enhanced');

define('video_enhanced', ["@jupyter-widgets/controls"], function(widgets) {

    var VideoEView = widgets.VideoView.extend({
        
        events: {
            // update Model when event is generated on View side
            'pause'      : 'onPause',
            'play'       : 'onPlay',
            'ratechange' : 'onRatechange',
            'seeked'     : 'onSeeked',
        },
    
        initialize: function() {
            // propagate changes from Model to View
            this.listenTo(this.model, 'change:playing', this.onPlayingChanged); // play/pause
            this.listenTo(this.model, 'change:rate',    this.onRateChanged);    // playbackRate
            this.listenTo(this.model, 'change:time',    this.onTimeChanged);    // currentTime
        },
        
        // View -> Model
        onPause: function() {
            this.model.set('playing', false, {silent: true}); 
            this.model.save_changes();
        },
        // View -> Model
        onPlay: function() {
            this.model.set('playing', true, {silent: true}); 
            this.model.save_changes();
        },
        // Model -> View    
        onPlayingChanged: function() {
            if (this.model.get('playing')) {
                this.el.play();
            } else {
                this.el.pause();
            }
        },
        // View -> Model
        onRatechange: function() {
            this.model.set('rate', this.el.playbackRate, {silent: true}); 
            this.model.save_changes();
        },
        // Model -> View
        onRateChanged: function() {
            this.el.playbackRate = this.model.get('rate'); 
        },
        // View -> Model        
        onSeeked: function() {
            this.model.set('time', this.el.currentTime, {silent: true}); 
            this.model.save_changes();
        },
        // Model -> View
        onTimeChanged: function() {                  
            this.el.currentTime = this.model.get('time'); 
        },
    });

    return {
        VideoEView : VideoEView,
    }
});

我真正要做的是

from ipywidgets import link, Checkbox, VBox, HBox

class SyncManager():
    '''
    Syncing videos needs an explicit setting of "time" property or clicking on the progress bar, 
    since the property is not updated continuously, but on "seeked" event generated
    '''
    def __init__(self, video1, video2):
        self._links = []
        self._video1 = video1
        self._video2 = video2
        
        self.box = Checkbox(False, description='Synchronize videos')
        self.box.observe(self.handle_sync_changed, names=['value'])
        
    def handle_sync_changed(self, value):
        if value.new:
            for prop in ['playing', 'rate', 'time']:
                l = link((self._video1, prop), (self._video2, prop))
                self._links.append(l)
        else:
            for _link in self._links:
                _link.unlink()
            self._links.clear()

video1 = VideoE.from_file("images/Big.Buck.Bunny.mp4")
video1.autoplay = False
video1.loop = False
video1.width = 480

video2 = VideoE.from_file("images/Big.Buck.Bunny.mp4")
video2.autoplay = False
video2.loop = False
video2.width = 480

sync_m = SyncManager(video1, video2)

VBox([sync_m.box, HBox([video1, video2])])