如何在 html 中显示视频

Question

我正在使用 angularJS，我试图在我的列表中显示视频，为此我写了以下几行，但我无法获得 link:

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

当我将名称命名为 static 时，它会显示我的视频，有人可以提供帮助吗？

"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}} 提供的 link 很可能已损坏。

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>

如何在 html 中显示视频

How to display video in html

html

javascript

src

angularjs