"player.textTracks is undefined"带视频.js VTT缩略图



我正在尝试为video.js使用vtt缩略图插件,但无论是在我的网站上还是在演示中,我都会收到这个错误:

TypeError:player.text音轨(…)未定义

我使用的是5.4.4,我的代码看起来像这样:

<script src="/videojs/video.js"></script>
<link href="/videojs/default.css" rel="stylesheet">
<script src="/videojs/videojs.thumbnails.js"></script>
<link href="/videojs/videojs.thumbnails.css" rel="stylesheet">
<video id="thevideo" class="video-js vjs-default-skin"  preload="auto" controls="controls" autoplay loop poster="poster.jpg">
<source src="file.mp4" type="video/mp4" />
<track kind="metadata" src="vtt.php" default>
</video>
<script>
// initialize video.js
var video = videojs('thevideo',{plugins:{thumbnails{width:120,height:90}}});
<script>

知道吗?

ps:我的.vtt文件已经可以很好地与Jwplayer.*

p>这个插件是在video.js5.x发布之前编写的。与4.x版本相比,一个变化是插件现在加载得更早。因此,这个插件现在试图过早地访问文本轨道。你可以通过在ready函数中初始化插件来绕过这个问题,而不是将其作为设置选项传递:
var video = videojs('thevideo', {}, function(){
  this.thumbnails({width:120,height:90});
});

最新更新