0

I have a html5-tag using the scope to set the src:

<video style="max-height:100%; max-width:100%" controls>
 <source src="/files/{{item.path}}" type="video/mp4"/>
</video>

If I load this template I get this error:

GET http://localhost:8070/files/%7B%7Bitem.path%7D%7D 404 (Not Found)

Btw. this is not the correct value of item.path. If I set the path manually it works:

<source src="/files/./5315dfea66469e28166e85c6/5315dfea66469e28166e85c6_20143414248143.mp4" type="video/mp4"/>

How can I make this work?

asked Mar 31, 2014 at 13:54
2
  • 2
    try to use ng-src instead... the problem is the video is trying to get the url before angular app is bootstrapped Commented Mar 31, 2014 at 13:55
  • as drex said, it's another angular-issue Commented Mar 31, 2014 at 14:08

1 Answer 1

1

This is an open issue with Angular:

https://github.com/angular/angular.js/issues/1352

ng-src is appropriate here. however, it is confirmed to not work in all browsers and is suspected to be a bug in the browser rather than with Angular.

There is a possible workaround here: HTML5 video element request stay pending forever (on chrome)

answered Mar 31, 2014 at 13:56
Sign up to request clarification or add additional context in comments.

1 Comment

Oh, didn't found that issue by myself. I always come to a point where angularjs isn't fun anymore. Getting there now :(

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.