在父母悬停时播放VImeo视频并暂停悬停

Question

我有一个引导程序列列表（每行3个），每个引导程序列中都有一个Vimeo视频。

我该如何做，以便当您将鼠标悬停在每一列上时，该列中的视频会自动播放，而当您将鼠标悬停时，该视频会暂停？

到目前为止，我尝试了以下操作，但它使iframe崩溃了：

    $('.product-card-media').on('mouseover',function(){
      var player = $("#"+this.id);
          froogaloop = $f(player[0].id);

      player.mouseover(function(){
          froogaloop.api('play');
      }).mouseout(function(){
          froogaloop.api('pause');
      });
    });