Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 在angular js中显示视频url的缩略图_Angularjs_Video - Fatal编程技术网

Angularjs 在angular js中显示视频url的缩略图

Angularjs 在angular js中显示视频url的缩略图,angularjs,video,Angularjs,Video,我正在用angular js开发一个网站,我正在上传vimeo()或youtube视频url。为此,我必须在我的列表上显示一个缩略图,以便可以使用angular js显示视频url的预览 谢谢您可以使用ng repeat来完成此操作 var-app=angular.module('myApp',[]); app.config(函数($sceDelegateProvider){ $sceDelegateProvider.resourceUrlWhitelist([ “自我”, 'https://

我正在用angular js开发一个网站,我正在上传vimeo()或youtube视频url。为此,我必须在我的列表上显示一个缩略图,以便可以使用angular js显示视频url的预览


谢谢

您可以使用ng repeat来完成此操作

var-app=angular.module('myApp',[]);
app.config(函数($sceDelegateProvider){
$sceDelegateProvider.resourceUrlWhitelist([
“自我”,
'https://www.youtube.com/**'
]);
});
app.controller('videoController',['$scope',
函数MyCtrl($scope){
$scope.product=[{
名字:'某个名字',
描述:“一些描述”,
媒体:[{
src:'v5Asedlj2cw'
}]
},
{
名称:'some name 2',
描述:“一些描述2”,
媒体:[{
src:'v5Asedlj2cw'
}]
}
]
;
$scope.getIframeSrc=函数(src){
返回'https://www.youtube.com/embed/“+src;
};
}
]);