html5視頻與jQuery和inview - 如何指向正確的視頻元素？

Question

我使用jquery inview插件，在視圖中自動播放視頻。由於我無法使用視頻的ID，所以我使用html5 <video>作爲選擇器，並且所有視頻始終開始播放。我如何才能將播放/暫停觸發器僅指向當前觸發事件的一個元素，並忽略所有其他元素？

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

千恩萬謝， Ç

Answer 1

您可以使用this。欲瞭解更多信息，請參閱this answer.

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