jquery scroll 질문 드립니다.
본문
안녕하세요
아래 video 문이 반복적으로 10개 생성되어 있습니다.
<div class="relative w-full h-full overflow-hidden flex flex-col gap-y-14">
<video>dfsdfds</vide>
</div>
스크롤이 되면서 2번째 video에 스크롤이 오면 자동으로 video가 실행되게
하고 싶은데 실행이 안되네요.
1. 스크롤을 했을때 $('.relative.w-full.h-full.overflow-hidden.flex.flex-col.gap-y-14') 몇번째 index에 위치해 있는가?
2. index를 가져와서 $(this).find("video").eq(idx).get(0).play(); 실행해도 실행이 안되네요
eq(idx). 이부분을 빼야 실행되서 모든 동영상이 실행이 됩니다.
감사합니다.
$(document).on('scroll','',function(e){
idx = $('.relative.w-full.h-full.overflow-hidden.flex.flex-col.gap-y-14').index();
$(this).find("video").eq(idx).prop('muted', true); // 음소거
$(this).find("video").eq(idx).get(0).pause(); // 일시 정지
$(this).find("video").eq(idx).get(0).currentTime = 0;
$(this).find("video").eq(idx).get(0).play();
});