Use bucle para configurar cookies con marca de tiempo para reproductores de Vimeo con ID únicos

Estoy tratando de usar un ciclo for para configurar una cookie para cada reproductor de video Vimeo individual en una página. Hay 26 reproductores de video. Estoy usando el SDK de Vimeo.js para escuchar cuando un usuario pausa un video. El tiempo del video en el punto de pausa se guardará en una cookie de modo que si el usuario abandona la página y regresa, el video se configurará para reanudar la reproducción en esa marca de tiempo guardada. Tengo el proceso desactivado, por lo que la marca de tiempo de 1 video se guardará en 1 cookie cuando ese video esté en pausa, pero ahora estoy tratando de recrear esto para otros 25 videos en la página. Podría simplemente copiar/pegar el mismo bloque de código 25 veces, pero me gustaría hacerlo con un bucle for.

El javascript que funciona para 1 video para guardar la marca de tiempo en una cookie en pausa:

$(function() {
var iframe = $('#player1');
var player1 = new Vimeo.Player(iframe[0]);
var getTimeCookie = Cookies.get('timeCookie');
player1.setCurrentTime(getTimeCookie).then(function(seconds) {});

player1.on('pause', function() {
        var savedTime = player1.getCurrentTime().then(function(seconds) { 
        seconds = Math.floor(seconds); 
        if(seconds != 0) {
        Cookies.set('timeCookie', seconds);       
      }
    });
  });
});

Ahora, cuando trato de implementar un bucle for para iterar todos los reproductores de video individuales con sus ID únicos, aparece el error "Debe pasar un elemento válido o una identificación válida en el nuevo reproductor..."

Este es mi ciclo for hasta ahora:


for(var n = 1; n < 27; n++ )
$(function() {
var iframe = $('#player' + n);
var player1 = new Vimeo.Player(iframe[0]);
var getTimeCookie = Cookies.get('timeCookie' + n);
player1.setCurrentTime(getTimeCookie).then(function(seconds) {
  
});
  player1.on('pause', function() {

        var savedTime = player1.getCurrentTime().then(function(seconds) { 
        seconds = Math.floor(seconds); 
        if(seconds != 0) {
        Cookies.set('timeCookie' + n, seconds);    
      }
    });
  });
});

Cada reproductor de video se ve así:

[x_video_embed no_container="true"]<iframe  id="player1" src="" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>[/x_video_embed]

Obviamente, los ID serán "jugador1, jugador2, jugador3...", etc.

Estoy en el punto en el que parece que debería ser un paso simple iterar a través de cada uno de los reproductores de Vimeo con un bucle for en la carga de la página, sin embargo, no estoy seguro de dónde me estoy equivocando en este momento.

¡¡Gracias por tu ayuda!!

Answer