Добавить прослушиватели событий Vimeo для нескольких видеороликов на одной странице

Question

У меня есть несколько видеофрагментов Vimeo на той же странице. Поэтому я хочу добавить слушателей событий для всех фреймов. Но почему-то это не работает для меня.

вот код, который я добавляю на document.ready.

var iframes = document.querySelectorAll('iframe'); 

var player; 
//loop through all and add event 
    for (i = 0; i < iframes.length; i++) { 
     // when vimeo player is ready add other events 
     player = $f(iframes[i]); 

     player.addEvent('ready', function() {   

      player.addEvent('play', onPlay); 
      player.addEvent('pause', onPause); 

     }); 

     function onPlay(el) { 
      console.log('play'); 
     } 

     function onPause(el) { 
     console.log('pause'); 
     } 

    } 

Я получаю все фреймы в переменных «» фреймах, но и перебирает все и добавить готовое событие. Но нельзя добавлять события воспроизведения и паузы. Где я иду не так?

Answer 1

Следующий код поможет вам связать события с кадрами.

<script> 

    $(document).ready(function() { 
     var x = document.querySelectorAll("iframe"); 
     var nodelist = x.length; 
     alert(nodelist); 

     for (i = 0; i < nodelist; i++) { 

      var player = new Vimeo.Player(x[i]); 

      player.on('play', function() { 
       console.log('played the video!'); 
      }); 

      player.on('ended', function() { 
       console.log('ended the video!'); 
      }); 
     } 
    }); 

</script> 

Answer 2

На самом деле проблема с множественным воспроизведением видео/паузой, как упоминалось в моем вопросе, была решена с использованием froogaloop2.js. Я не пишу лишний код для этого сейчас, как указано мной. и мой iframe src url не добавляет api = 1 param.