2017-01-18 27 views
0

视频我使用angularJS,我想在我的名单,并为我写了下面的线条显示影片,但我无法获取链接:如何显示HTML

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

当我将名称作为静态显示我的视频,任何人都可以提供帮助吗?

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

什么用'vm.videos'? –

+0

你的问题是影片ADRESS/... –

+0

去一个片段,并整齐乌尔HTML – RaisingAgent

回答

1

你的代码有一个小的语法错误:

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

你错过了年底的报价。试试这个:

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

其他,那看起来是正确的。如果它不起作用,请在浏览器中打开开发者控制台,查看是否记录了任何HTTP错误。很可能,您提供的作为videos/{{video.video}}的链接已损坏。

+0

对不起,它的一个错字错,其实我问题是我无法看到视频displyed – MMR

+0

@ nlr_p vm.videos的结构是什么?你可以发布到你的问题?(作为编辑) – ochi

0

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