Carousel mouse over video thumbnail

[jendrik]

Hi! I really love everything about Lay Theme! There is just one thing I would like to figure out: When creating a carousel, I noticed that the video thumbnails don't work. I saw that someone brought this up 3-4 years ago – is it still something that might be implemented at some point? Or is there any way to work around this? In an ideal world, I would love to have a carousel that shows still images but turns to video snippets when hovering over the images. Any ideas? ( work in progress landing page: https://offshoot-berlin.com/home-new )
Thank you for any input on this!

[Richard]

Dear @jendrik

Project Thumbnail Videos work fine outside a Carousel but you are right that when within, the project Thumbnail defaults to the Image. The Slides are "Behind Glass" in a way in that the Hover does not affect the inside.

Sorry that my answer doesn't get you any further, this would need to be Custom Coded and you may wish to ask a developer to do this.

These Links may help:

https://stackoverflow.com/questions/16000443/how-can-i-make-an-image-become-an-embedded-video-on-mouse-over

http://jsfiddle.net/3SQtS/

https://stackoverflow.com/questions/26082409/change-inner-html-on-hover

The Slides have an Image element <img> inside of them:

There is slide-inner as the parent and within as it's child the img class="carousel-img". So the step would be to use Javascript or JQuery to take the <img> and replace it with a <video> on Hover (mouseover or mouse-enter).

---

Best wishes ✨

Richard