I’m currently working on a section where the first part is a vid3o embedded using code. I’d like the next section (everything below the vide0) to only appear after a certain amount of time—for example, after the v1deo plays for a few seconds or a fixed delay.
I’ve been trying to figure this out but haven’t had much luck. Could anyone kindly guide me on what code I should use to achieve this kind of delay or reveal effect?
For a straight delay after page load, you can use interactions. In IX2 you’d set the initial state to hidden, then make it visible after N seconds. IX3 (GSAP) should have a similar approach but I’m still learning the approach-differences there.
If you really want to tie it to the vid3o it’s more involved. I’ve built setups for clients where e.g. the “Continue” button only appears when the vid3o reaches 90% played, and this is similar. You’d use Javascript for this and the event detection depends on the vid3o player you’re using.