javascript - 使用 angularjs 在标签 中显示视频

Question

查看:

<div class="list card" ng-repeat="x in content.spells">
....
    <video width="320" height="240" ng-src="{{(getIdVideo(content.id) | trusted )}}"   controls>
          Seu navegador não suporta o elemento <code>video</code>.
    </video>
....
</div>

Controller :

$scope.getIdVideo = function(videoId){
    videoId = videoId.toString();
    for (var i=0; i<=4; i++){
      if (videoId.length != 4){
        //videoId = videoId.push('0');
        videoId = "0"+videoId;
      }

    }

    return 'http://cdn.leagueoflegends.com/champion-abilities/videos/mp4/'+videoId+'_02.mp4';
  };

同一个视频播放了 4 次。

我将此函数称为 getIdVideo()，它根据 id 返回视频。我的方式是将同一个视频播放了 4 次。问题是我需要向每个 id 显示 4 个视频，只需将网址中“_”后面的数字从 02 更改为 05:

http:/cdn.leagueoflegends.com/champion-abilities/videos/mp4/'+videoId+'_02.mp4

我怎样才能做到这一点？

Answer 1

从外观上看，id 似乎在内容上。但您需要在 content.spells 上设置 id。

然后就可以使用

    <video width="320" height="240" ng-src="{{(getIdVideo(x.id) | trusted )}}"   controls>