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

Question

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

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

非常感谢， C

Answer 1

你可以利用this。有关详细信息，请参阅 this answer.

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

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

html5 video with jquery and inview - how to point to the right video element?

jquery

html5-video

inview