javascriptvimeovimeo-player

How to play more video on the same player with Vimeo player.js


I'm trying to play videos one after the other in the same Vimeo player, without success. This is the code I'm working on. I can't find any example on how to do that. I'm sure I'm wrong but I don't know how to go further...

var iframe = document.querySelector('iframe.main-player');
var player = new Vimeo.Player(iframe);
var video_ids = ['123456789', '987654321'];
video_ids.forEach(function(item, index) {
    player.pause();
    player.loadVideo(item);
    player.on('loaded', function() {
        player.play();
    });
})

Solution

  • I'm not sure about this, because can't test it right now , but you can try something like this:

    var iframe = document.querySelector('iframe.main-player');
    var player = new Vimeo.Player(iframe);
    var video_ids = ['123456789', '987654321'];
    var index = 0;
    var playNext = function(data){
        player.pause();
        if(index<=video_ids.length)
           player.loadVideo(video_ids[index++])
    }
    player.pause();
    player.loadVideo(video_ids[index++]);
    player.on('loaded', function() {
        player.play();
    });
    
    player.on('ended', playNext);