Vimeo api - 遍历页面上的多个视频答案

【问题标题】：Vimeo api - Iterate through multiple videos on a pageVimeo api - 遍历页面上的多个视频
【发布时间】：2020-10-24 11:37:15
【问题描述】：

这里是 JS、iframe 和 Vimeo api 的新手

我正在尝试使用 this idea 禁用 WP 网站上某些视频的前向搜索。

它适用于单个视频，因为我知道 document.querySelector('iframe') 只会选择第一个 iframe。

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

在我添加的相关 iframe 中 class='noskip'

然后迭代我认为我可以做到：

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

for (var i = 0, len = noskips.length; i < len; 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);
  }
});

【问题讨论】：

标签： javascript vimeo-api

【解决方案1】：

好吧，我想我解决了。欢迎提出改进建议！

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

【讨论】：