slick 슬라이더 youtube 자동재생 질문 채택완료
집에가고싶어
6년 전
조회 5,471
slick 슬라이더 사용중인데 화면에 보일때만 재생하고 보고있지않을때는 정지시켜놓으려고 합니다.
사용중인 플러그인은 slick슬라이더, ytplayer 사용하고 있습니다.
처음 슬라이더 작동했을때는 정지상태였다가 화면에 보일때 재생은 됩니다.
그 이후에 정지는 안되고 계속 재생상태로 돌아가고있습니다.
혹시 slick 슬라이더 사용하시는분중에 ytplayer 랑 같이 사용하시는분 계신가요 ?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
6년 전
beforChange callback 함수활용해서 유투브 iframe 태그를 reload 하거나 youtube api로 호출 했다면 해당 스크립트에서 새롭게 불러오도록 하면 될겁니다.
</p>
<p>$('.slider-for').on('beforeChange', function(event, slick, currentSlide, nextSlide){
url = $(".slider-for .slick-slide").eq(currentSlide).find("iframe").attr('src');
$(".slider-for .slick-slide").eq(currentSlide).find("iframe").attr('src',url);
});</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
집에가고싶어
6년 전
저 방식으로 하면 화면 넘어갈때마다 처음부터 다시 시작하지않나요 ?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인