Hello,
I’m designing a site that has a video in background and 5 sections.
The video has 5 minutes.
I’d like that when the page loads the video starts playing and shows the content of each section when it reach a certain time. For instance, a section is shown in the first minute, then when the video reach one minute the section 2 is shown, and so on.
My main doubt is how to trigger the video when it reach one minute, two minutes, etc, …
I’ve seen this Scrollwheel -> Video playback controls!, but it’s not exactly what I want.
Can anyone help me on this? Tutorials, anything!
Thanks in advance
This is custom code issue (With API of video player X or html5 video). No way by webflow interaction to control videos (Yet). Also, this is not scrolling wheel effect (But by some timer and events - and section scroll trick like fullPage.js | One Page Scroll sections Site Plugin).
No way to find a tutorial about something so so so specific. Do you have any site reference use this trick/idea?
What about the user? (If the user scroll to next section before one minute?).