光滑的滑块为每个幻灯片提供不同的自动播放

时间:2018-07-02 09:30:15

标签: javascript jquery slick.js

我有一个既有图像又有视频的圆滑传送带,我拥有它,因此当它到达视频时,它会自动播放,并在完成时转到图像。我想要的是仅对图像具有自动播放和自动播放的速度,而对视频的幻灯片不具有自动播放和自动播放的速度,因为当视频结束时,它正在等待自动播放速度完成,然后移至看起来不正确的图像。有没有一种方法可以将视频幻灯片的自动播放速度设置为0 ...您可以在此处查看轮播的运行方式:http://foley13.webfactional.com/grid-website/carousel-test/

这是我的Javascript滑块:

php artisan config:cache
php artisan cache:clear

1 个答案:

答案 0 :(得分:0)

尝试在视频播放完毕后转到第一张幻灯片,而无需等待自动播放

尝试更改

$('video').on('ended', function() {
    console.log('Video Complete');
    slider.slick('slickPlay');
});

对此

$('video').on('ended', function() {
    console.log('Video Complete');
    slider.slick('slickPlay');
    slider.slick('slickGoTo', 0);
});