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

Question

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

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

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

Vimeo api - Iterate through multiple videos on a page

javascript

vimeo-api