jquery - 带有 jquery 和 inview 的 html5 视频 - 如何指向正确的视频元素？

Question

我使用 jquery inview 插件顶部在查看时自动播放视频。由于我不能为视频使用 ID，所以我使用 html5<video>作为选择器，并且所有视频总是开始播放。如何将播放/暂停触发器仅指向当前触发事件的一个元素并忽略所有其他元素？

$('.video-autoplay').on('inview', function(event, isInView) {
  if (isInView) {
    $('video').trigger('play');
  } else {
    $('video').trigger('pause');
  }
});

非常感谢， C

Answer 1

你可以利用this. 有关更多信息，请参阅此答案。

$('.video-autoplay').on('inview', function(event, isInView) {
  if (isInView) {
    $(this).trigger('play');
  } else {
    $(this).trigger('pause');
  }
});