RequireJS 如何 运行 正确显示 videojs-vtt-thumbnails?

RequireJS How to run correctly videojs-vtt-thumbnails?

我正在使用 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 插件

最后,我得到这个错误: “类型错误:showcasePlayer.vttThumbnails 不是一个函数”

这是一个工作示例:

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

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

错误的原因是缺少对 requirejs.configshim 的依赖项的描述:

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

就我而言,问题已解决。