I’m trying to create a landing carousel which contains a series of auto-play background videos along with an ‘instagram stories’ style progress bar which allows the user to skip and click through to the next video (much like in an actual instagram story! Or on this site for example: https://www.b-reel.com/)
I’ve gotten so far however, once the user starts clicking through the slider they no longer auto-play and instead get ‘stuck’ on that particular video until the user interacts with the slider again. The user then has to commit to clicking through the slides one-by-one if they want to see more which is not the desired outcome.
Would anyone be able to advise me on how to keep the auto-play function of the slider as the default setting, whilst also allowing the user to click through the odd slide if they wish?
The preview link is here: https://objekt-website-2020.webflow.io/
And my read-only file is here: https://preview.webflow.com/preview/objekt-website-2020?utm_medium=preview_link&utm_source=designer&utm_content=objekt-website-2020&preview=feda8c3d044eb88c3ffaf7a4987852ba&mode=preview
This is my first ever webflow project, so please forgive me if I’ve committed any cardinal sins!!