HTML5 Video is not working with AngularJS ng-src tag

ajax, angularjs, html, html5-video

Solution

Just Create a Filter:

app.filter("trustUrl", ['$sce', function ($sce) {
        return function (recordingUrl) {
            return $sce.trustAsResourceUrl(recordingUrl);
        };
    }]);

In View File:

<audio src="{{Your_URL | trustUrl}}" audioplayer controls></audio>

Problem

AngularJS `ng-src` doesn't work with HTML5 Video element in this fiddle: http://jsfiddle.net/FsHah/5/ Looking at video element, the src tag is being populated with the correct src uri, but the video doesn't play. Is this not supported in AngularJS, what is the workaround for this?

Original source

Related problems