Set video source from the controller

Question

I am trying to set the video source from the controller. If I hard coded the source everything works fine. But if I try to set it in the server doesn't work.

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

self.videoSource = data.videoLink;

actually you gotta do something like ng-src="$ctrl.getSource()" where getSource method would return the app src — binariedMe, Mar 24 '17 at 15:39
Would you care tell us if one of the answer worked? I wrote down the answer as well there. — binariedMe, Mar 24 '17 at 16:16

score 0 · Answer 1 · edited May 23 '17 at 12:10

0

You should be able to use the ng-src attribute on the <video> tag.

I know there used to be a bug in AngularJS where ng-src didn't work for <video> tags. If that is still the case, you can always write a custom filter to trust the URL. See: HTML5 Video is not working with AngularJS ng-src tag

edited May 23 '17 at 12:10

Community

1
1

answered Mar 24 '17 at 15:39

Ben

2,441
1
12
16

score 0 · Accepted Answer · answered Mar 24 '17 at 15:42

0

try this :

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

and

in controller :

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

answered Mar 24 '17 at 15:42

binariedMe

4,309
1
18
34

Set video source from the controller

2 Answers2