Как сделать чтобы слайдер не двигался во время проигрывания?

Question

[kentos]

Здравствуйте, помогите сделать, чтобы слайдер не проигрывался когда включено проигрывание?

Сайт, блок 'отзывы ученицы студии

Answer 1

[r_mustang]

kenwheeler.github.io/slick

slickPause
none
Pauses autoplay

отслеживаете нажатие на видео, ставите слайдер на паузу

Comments

[kentos]

У меня не выходит(

$('.slick_recalls').hover(function () {
            $(this).slick('slickPause');
        }, function () {
            if (!$(this).hasClass('played')) {
                $(this).slick('slickPlay');
            }
            //                console.log('unhover')
        })

[r_mustang]

потому что привязываешь событие slickPause к hover, а не к нажатию на видео

[kentos]

r_mustang, я делал и click, эффект всё тот же

[r_mustang]

kentos если выложишь на codepen или jsfiddle, можно будет посмотреть

[kentos]

r_mustang, https://jsfiddle.net/zoomieos/40wvcuqa/

[r_mustang]

смысл выкладывания - чтобы там всё работало, как на сайте)

но по сути нужно что-то такое:

let slider = $(recalls).slick({
            dots: true,
            adaptiveHeight: true,
            centerMode: true,
            variableWidth: true,
            autoplay: true,
            pauseOnHover: false,
            autoplaySpeed: speed
        });

$('iframe').click(function(){
  slider.slickPause();
});

при том отслеживание клика должно быть вне функции инициализации

[kentos]

r_mustang, Не сработало, но спасибо за помощь