带有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');
}
});