基于VideoJS API的VideoJS动态源变化

Question

我有以下问题。我们已经得到了一个AngularJS应用程序，当我们在路由example.com/视频/:id时，它调用了我们编写的完全正确的API，我们得到的文件url是完全正确的。现在，我们当然想在VideoJS中显示这个视频。我们将JSON构造为字符串，如下所示：

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" }]

现在，我们使用.src()方法VideoJS来更改源代码，如下所示：

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

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