以角度js显示视频网址的缩略图

Question

我正在开发角度js的网站，我正在上传vimeo（https://vimeo.com/）或youtube视频网址。为此，我必须在我的列表上显示缩略图，以便可以使用角度js显示视频网址的预览。

谢谢

Answer 1

您可以使用ng-repeat，

执行此操作

＆＃13;

＆＃13;

/usr/local/lib/python2.7/dist-packages/

＆＃13;

var app = angular.module('myApp', []);

app.config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist([
    'self',
    'https://www.youtube.com/**'
  ]);
});

app.controller('videoController', ['$scope',
  function MyCtrl($scope) {

    $scope.product = [{
      name: 'some name',
      description: 'some description',
      media: [{
        src: 'v5Asedlj2cw'
      }]
    },
    {
      name: 'some name 2',
      description: 'some description 2',
      media: [{
        src: 'v5Asedlj2cw'
      }]
    }
    ]
    
    ;

    $scope.getIframeSrc = function(src) {
      return 'https://www.youtube.com/embed/' + src;
    };
  }
]);

＆＃13;

＆＃13;

＆＃13;