当我在页面上有多个视频时，我如何针对特定的Vimeo视频

我从Vimeo中嵌入了几个视频，当您将鼠标悬停在视频上时，我想显示一个包含一些信息的覆盖。覆盖会阻挡播放按钮，所以我希望在您单击覆盖时播放视频。它只适用于一个视频，但当有多个视频时，我很难让播放命令针对正确的视频。这是我的脚本：

$(".overlay").click(function() {
  $(this).toggleClass("playButton pauseButton");
  var parent = $(this).parent();
  var iframe = document.getElementById("vimeo");
  var player = $f(iframe)
  var paused = player.api('paused()');
 var playButton = $(parent).children(".playButton");
 $(playButton).click( function () {
    player.api('play');
  });
  var pauseButton = $(parent).children(".pauseButton");
  $(pauseButton).click( function () {
    player.api('pause');
  });
});

问题似乎出在这条线上

var iframe = document.getElementById("vimeo");

这会拉取每个视频，而不仅仅是与覆盖相关联的视频。我试过这个：

var iframe = $(this).siblings("#vimeo");

但它似乎不喜欢jquery，我得到了一个错误。

Vimeo可能应该是一个类而不是id，但我无法使它与getElementById以外的任何方法一起工作。