Comment ajouter plusieurs vidéos de vimeo avec Froogaloop Angularjs

Question

J'essaie d'ajouter quelques fonctions ('stop', 'pause', 'onFinish') pour un tableau de vidéo à partir de la vidéo, en utilisant la bibliothèque vimeo Javascript 'Froogaloop' .

Quelqu'un sait-il comment le faire dans AngularJs?

Answer 1

Sur le code HTML que vous avez un code comme ceci:

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

vidéos c'est le tableau avec les informations de la vidéo que vous voulez à l'écran, ne pas oublier d'ajouter la « piste par index » sur les ng-repeat tag.

Sur le contrôleur: vous aurez une fonction comme celle-ci:

$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; 
    }; 

Lorsque la vidéo lorsque vous avez terminé, il affiche sur la console de l'objet vidéo. Youi peut ajouter une fonction comme 'onPause' ou 'onPlayProgress'.