HTML5视频无法正常工作与AngularJS NG-SRC标签 [英] HTML5 Video is not working with AngularJS ng-src tag

问题描述

AngularJS NG-SRC HTML5的视频元素在这拨弄不起作用：的 http://jsfiddle.net/FsHah/5/

AngularJS ng-src doesn't work with HTML5 Video element in this fiddle: http://jsfiddle.net/FsHah/5/

看视频元素，将src标签被填入正确的SRC URI，但不能播放视频。

Looking at video element, the src tag is being populated with the correct src uri, but the video doesn't play.

难道这不支持中的 AngularJS ，有什么解决方法吗？

Is this not supported in AngularJS, what is the workaround for this?

推荐答案

只需创建一个过滤器：

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

在查看文件：

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

这篇关于HTML5视频无法正常工作与AngularJS NG-SRC标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！