我正在尝试使用 vimeo Javascript 库“Froogaloop”为视频中的视频数组添加一些函数(“stop”、“pause”、“onFinish”)。

有人知道如何在 AngularJs 中做到这一点吗?

请您参考如下方法:

在 HTML 上,您有这样的代码:

<div class="modulo-textos" ng-repeat="video in videos track by $index"> 
  <iframe id="player{{$index + 1}}" ng-src="{{getVideoUrl(video, $index)}}" width="100%" height="350px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
</div> 

videos 是包含您要筛选的视频信息的数组,不要忘记在 ng-repeat 标签上添加“按索引跟踪”。

在 Controller 上:您将拥有如下功能:

$scope.getVideoUrl = function(video, index) { 
   var player_id = 'player' + (index + 1); 
   var video_url = 'https://player.vimeo.com/video/' + video.video_id + '?api=1&player_id=' + player_id; 
   var player = '#' + player_id; 
   var iframe = $(player)[0]; 
   var player = $f(iframe); 
   player.addEvent('ready', function() { 
     player.addEvent('finish', onFinish); 
   }); 
   function onFinish() { 
     console.log(video); 
    }; 
   return video_url; 
  }; 

当视频完成时,它将在控制台上打印视频对象。 您可以添加“onPause”或“onPlayProgress”等功能。


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!