角度ngSrc不'；不能使用html视频标记

上传视频后，我试图在页面上加载视频列表：

<div class="form-group">
    <label for="video" class="col-sm-2 control-label control-image">video</label>
    <div class="col-sm-10">
        <ul id="video" ng-repeat="video in vm.item.video" ng-if="vm.item.video.length > 0">
            <li>
                <video width="400" controls><source ng-src="{{vm.uploadDomain + video}}" type="video/mp4">> </video>
                </video>
            </li>
        </ul>
    </div>
</div>

<div class="form-group" ng-class="{'true': '', 'false': 'has-error'}[vm.isValidated('video')]">
    <label class="col-sm-2 control-label control-image">upload</label>
    <div class="col-sm-10">
        <dt-file-uploader  mode="basic"
                          ng-model="vm.item.video"
                          setting="vm.uploader_video"></dt-file-uploader>
    </div>
</div>

视频


> 


上传

---

但是它不工作，无法加载这些视频的源，我可以做些什么来解决这个问题？

您可以创建这样的自定义过滤器

.filter("trustUrl", function($sce) {
    return function(Url) {
        return $sce.trustAsResourceUrl(Url);
    };
});

在html中，在src中添加过滤器

<video width="400" controls>
   <source ng-src="{{vm.uploadDomain + video | trustUrl}}" type="video/mp4">
</video>

vm.uploadDomain包含哪些内容？您是否检查了视频是否位于hltml正在搜索的路径中？您会遇到什么错误？可能不是问题，但如果

ng=“vm.item.video.length>0”

是完全冗余的，您还可能使用

id=“video”添加多个元素

vm.uploadDomain是一个域，视频包含目录路径列表。我可以通过标签标签打印路径等，但如果使用ng src，则无法加载视频