角度ngSrcは、HTMLビデオタグ

Question

では動作しません。私は、ページの後にアップロードされた動画に動画のリストをロードしようとしています：

<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> 

が、それは動作しません、それはのソースのロードに失敗しますこれらのビデオ、私はこの問題を解決するために何ができますか？

Answer 1

このようなカスタムフィルタを作成できます。 HTMLで

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

SRC

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