Как отображать видео в формате 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> 

Когда я дать имя как статическое, это показывает мое видео, может ли кто-нибудь предложить помощь, пожалуйста?

"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}}, сломана.

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>