RequireJS 如何正确运行 videojs-vtt-thumbnails？

Question

我正在使用 RequireJS 加载 videojs 并使用 videojs-vtt-thumbnails 插件。 我在本指南中做了所有类似的事情https://github.com/chrisboustead/videojs-vtt-thumbnails 我的配置文件如下所示：

requirejs.config({
    "baseUrl": "",
    "paths": {
        "app": "",
        "video.js": "https://vjs.zencdn.net/7.7.5/video.min",
        "videojs-vtt-thumbnails.min": "https://cdn.jsdelivr.net/npm/videojs-vtt-thumbnails@0.0.13/dist/videojs-vtt-thumbnails.cjs.min"
    }
});

这就是 videojs-vtt-thumbnails 调用代码的样子。

    require(['video.js', 'videojs-vtt-thumbnails.min'], function(videojs) {
    var showcasePlayer = videojs('my-player', opions, function () {
        showcasePlayer.vttThumbnails({
        src: 'https://s3.amazonaws.com/sprite.mysite.com/123456-spr-w120.vtt'
        });
    });
   });

接下来，我调用 videojs-vtt-thumbnails 插件

最后，我得到了这个错误： “TypeError：showcasePlayer.vttThumbnails 不是函数”

这是一个工作示例：

https://jsfiddle.net/SergeyKozlov/k8azq9f5/

如何正确运行videojs-vtt-thumbnails？

Answer 1

错误的原因是 requirejs.config 的 shim 中缺少对依赖项的描述：

shim: {
    'video.min': {
        deps: ['videojs-vtt-thumbnails.min']
    }
}

就我而言，问题解决了。