通过RESTful API更改VideoJS动态源

时间:2015-03-03 01:52:00

标签: javascript angularjs laravel video html5-video

我遇到了以下问题。 我们有一个AngularJS应用程序应该在路线example.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"

我无法弄清楚它为什么不起作用。 有关播放器的一些信息: 当用户访问该站点时,播放器已经加载但不可见。如果这很重要,它也没有包含视频,但我不这么认为。

1 个答案:

答案 0 :(得分:1)

修正了它! 我刚提供了一个Object而不是String,它可以工作