「player.textTracks未定義」用的Video.js VTT-縮略圖

Question

我試圖使用vtt-thumbnails插件的Video.js，但無論是在我的網站上或演示中，我百達得到這個錯誤：

TypeError: player.textTracks(...) is undefined

我使用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做工精細*

Answer 1

這個插件編寫發佈的Video.js 5.x的面前。從版本4.x的一個變化是現在加載插件。由於這個插件現在試圖很快訪問文本軌道。您可以通過初始化插件中的ready函數來避免這種情況，而不是將其作爲設置選項傳遞：

var video = videojs('thevideo', {}, function(){ 
    this.thumbnails({width:120,height:90}); 
});