Poster image not displaying for video in Slick Slider

JavaScript
,
1

I am using Slick Slider to display a video within a slide, but my poster image is not displaying while the video is downloading. Here is the site: https://www.rose-hulman.edu/

2

I think the problem is that the slick slider hides everything until it’s ready which means the poster is hidden until ready but then the video is there anyway.

It looks like once the slick is initialised this code shows the slider.

.slide-show-hero-holder.slick-initialized {
    display: block;
}

You could try showing it by default but I’m not sure if that’s the right answer but it should show the poster while loading.

.slide-show-hero-holder{
display:block!important;
}
2 Likes
3

Thanks Paul!

This will work just fine. I appreciate you taking the time to look at this!

-Steve

1 Like