javascript - VideoJS 通过 RESTful API 进行动态源更改

Question

我遇到了以下问题。我们有一个 AngularJS 应用程序，它应该在 example.com/video/: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" }]

现在我们使用 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

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