通过 RESTful API 更改 VideoJS 动态源

Question

我遇到了以下问题。我们有一个 AngularJS 应用程序，它应该在路线示例中播放视频。com/video/:id 它调用我们写的 API 完全正确，我们得到的文件 url 完全正确。现在我们当然想在 VideoJS 中显示这个视频。我们正在将 JSON 构造为 String，如下所示：

var video_sources = '[{ type: "video/mp4", src: "http://example.com/'+data.data.filename+'-360.mp4" }';
        video_sources=video_sources+"]";

我们得到的字符串如下：

[{ type: "video/mp4", src: "http://example.com/clip-360.mp4" }]

现在我们使用 VideoJS 的 .src() 方法来改变来源：

video_player.src(video_sources);

但现在我们收到 VideoJS 错误：

TypeError: Cannot read property 'Tb' of null {stack: (...), message: "Cannot read property 'Tb' of null"}message: "Cannot read property 'Tb' of null"

我不明白为什么它不起作用。播放器的一些信息：当用户访问站点时，播放器已经加载但不可见。如果这很重要，它也没有包含视频，但我不这么认为。

Answer 1

已修复！我只是提供了一个对象而不是一个字符串，它起作用了

VideoJS dynamic source change via RESTful API