Javascript Vimeo api-在一个页面上迭代多个视频

JS、iframes和There的新功能

我正试图使用它在WP网站上禁用一些视频的正向搜索

据我所知，它适用于单个视频。querySelector（'iframe'）将只选择第一个iframe

但是，如果我有一个视频页面，我希望它可以处理多个特定的视频

在相关的iFrame中，我添加了class='noskip'

然后，为了迭代，我认为我可以：

var noskips = document.querySelectorAll('.noskip');

for (var i = 0, len = noskips.length; i < len; i++) {
   }

var noskips=document.queryselectoral（'.noskip'）；
对于（变量i=0，len=noskips.length；i

但我不知道如何将每个iframe传递到实际的播放器函数中：

var player = new Vimeo.Player(iframe);
var timeWatched = 0;


player.on("timeupdate", function(data) {
  if (data.seconds - 1 < timeWatched && data.seconds > timeWatched) {
    timeWatched = data.seconds;
           
  }
});

player.on("seeked", function(data) {
  if (timeWatched < data.seconds) {
    player.setCurrentTime(timeWatched);
  }
});

var player=新的Vimeo.player（iframe）；
var-timeWatched=0；
player.on（“时间更新”，函数（数据）{
if（data.seconds-1timewasted）{
监视的时间=数据秒；
}
});
player.on（“seek”），函数（数据）{
if（监视的时间<数据秒）{
player.setCurrentTime（timeWatched）；
}
});

好的，我想我已经解决了。欢迎提出改进建议

var noskips = document.querySelectorAll('.noskip');
var iframes = Array.prototype.slice.call(noskips);

iframes.forEach(function(iframe) {

    var player = new Vimeo.Player(iframe);
    var timeWatched = 0;

    player.on("timeupdate", function(data) {
      if (data.seconds - 1 < timeWatched && data.seconds > timeWatched) {
        timeWatched = data.seconds;
      }
    });

    player.on("seeked", function(data) {
      if (timeWatched < data.seconds) {
        player.setCurrentTime(timeWatched);
      }
    });
    
});

var noskips=document.queryselectoral（'.noskip'）；
var iframes=Array.prototype.slice.call（noskips）；
forEach（函数（iframe）{
var player=新的Vimeo.player（iframe）；
var-timeWatched=0；
player.on（“时间更新”，函数（数据）{
if（data.seconds-1timewasted）{
监视的时间=数据秒；
}
});
player.on（“seek”），函数（数据）{
if（监视的时间<数据秒）{
player.setCurrentTime（timeWatched）；
}
});
});