Javascript 使用媒体源扩展API的交互式视频 背景

我正在尝试使用HTML5视频元素创建一个交互式视频播放器

我遇到了媒体源扩展API，并使其正常工作

var mediaSource = new MediaSource();
video.src = window.URL.createObjectURL(mediaSource);
sourceBuffer = mediaSource.addSourceBuffer(mime);

接下来，我进行REST调用以获取视频片段并将其附加到源缓冲区。

sourceBuffer.appendBuffer（arrayBuffer）

问题

我试图在新加载的视频片段达到某个时间时触发事件
另外，我希望能够无缝地循环一个视频片段，它退出并继续到交互上的另一个视频片段

如何实现这些功能