HTML5 видео с JQuery и Inview - как указать правильный элемент видео?

Question

Я использую плагин jquery inview top для автоматического воспроизведения видео при просмотре. Поскольку я не могу использовать идентификаторы для видео, я использую 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');
  }
});