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.config 的 shim 的依赖项的描述:
shim: {
'video.min': {
deps: ['videojs-vtt-thumbnails.min']
}
}
就我而言,问题已解决。
我正在使用 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.config 的 shim 的依赖项的描述:
shim: {
'video.min': {
deps: ['videojs-vtt-thumbnails.min']
}
}
就我而言,问题已解决。