从控制器设置视频源

Question

我正在尝试从控制器设置视频源。如果我对源代码进行硬编码，一切正常。但是，如果我尝试在服务器中设置它并不起作用。

<video id="myVideo"  style="width:100%">
<source src="../../../../Content/Videos/{{$ctrl.videoSource}}"> - Doesn'tWork
<source src="../../../../Content/Videos/Test1.mp4">

self.videoSource = data.videoLink;

Answer 1

您应该可以使用ng-src标记上的<video>属性。

我知道AngularJS曾经存在一个错误，其中ng-src对<video>标签不起作用。 如果仍然如此，您始终可以编写自定义过滤器来信任该URL。 请参阅：HTML5 Video is not working with AngularJS ng-src tag

Answer 2

试试这个：

ng-src="$ctrl.getSource()"

和

控制器中的

：

getSource() { return '../../../../Content/Videos/' + this.videoSource; }