HTML

Question

でビデオを表示するにはどうすれば私は次の行を書いた私のリストにし、そのために動画を表示しようとしていますが、私は、リンクを取得することができません、angularJSを使用しています：

<div ng-repeat ='video in vm.videos'> 
    <video width="400" controls> 
    <source ng-src="videos/{{video.video}}" type="video/mp4"> 
         Your browser does not support this video. 
    </video> 
<source src="videos/{{video.video}}" type="video/mp4"> 
</div> 

Iを私のビデオを示す静的な名前を誰にも助けてもらえますか？

"videos": [ 
    { 
     "_id": "587f5d31ceb2891e31422481", 
     "title": "DSDAXAXASXASSX", 
     "text": "<p>ASXASXASXASXASX</p>", 
     "correlated_duione": "D008133", 
     "correlated_duitwo": "ASXASXS", 
     "video": "loading.-1484741937856.png,", 
     "__v": 0 
    } 
    ], 

Answer 1

あなたのコードは、小さな構文エラーがあります。

<div ng-repeat ='video in vm.videos> 

あなたは終了引用符を逃しています。これを試してみてください：

<div ng-repeat ="video in vm.videos"> 

それ以外は正しいと思われます。動作しない場合は、ブラウザでデベロッパーコンソールを開き、HTTPエラーが記録されているかどうかを確認してください。おそらく、videos/{{video.video}}として提供したリンクが壊れています。 `vm.videos`が含まれている何

Answer 2

//In your MODULE add a filter (change "myModule" with the proper name) 
 
myModule.filter('videoUrl', function($sce) { 
 
    return function(video) { 
 
     return $sce.trustAsResourceUrl(video.video); 
 
    }; 
 
});

<!--In your view--> 
 
<div ng-repeat ='video in vm.videos'> 
 
    <video width="400" ng-src="{{ video | videoUrl }}" controls></video> 
 
</div>