使用正确的格式将播放列表数组动态加载到video.js中

时间:2018-12-17 17:48:41

标签: javascript arrays video.js

我正在使用两个插件制作视频播放列表; video-jsvideojs-playlist。他们要求播放列表的格式必须这样,并将视频加载到播放器上:

player.playlist([{
  sources: [{
    src: 'https://someurl',
    type: 'video/mp4'
  }],
}, {
  sources: [{
    src: 'https://someurl',
    type: 'video/mp4'
  }],
}]);

我使用ajax动态调用url,然后使用player.playlist功能。看起来像这样:

var videosrc = [];    
$.ajax(settings).done(function (response) {
    for (var i = 0; i < response.data.courses[0].videos.length; i++) {
        var vidsUrl = response.data.courses[0].videos[i].videoUrl
        videosrc.push({sources: [{src: vidsUrl, type: 'video/mp4'}]});
});
player.playlist(videosrc);

console.log vidsUrl或在控制台中使用player.playlist(videosrc),它们都看起来像这样:

Javascript Array Output

这似乎是正确的,但我仍然认为它不完全符合确切的player.playlist要求。我将如何查看插件对它的解释,因为我所知道的只是chrome控制台对其进行格式化的方式。

现在发生的一切是,第一个视频加载并播放,但没有其他操作,只是在您前进视频时重复。

0 个答案:

没有答案