Jump to content
Search Community

How to control video progress video with gsap + react/Nextjs 13

Maxwell Alves test
Moderator Tag

Recommended Posts

I'm trying to replicate this example for React/NextJS. In this example, I changed the prop "scrub" from "true" to "2", and it worked exactly as I would have liked, where when you scroll the video moves forward or backward smoothly. I've been trying for days to do this in React, and it just doesn't work. Could some expert help me convert this code to React/nextjs?

 

PS:  The code pen is the exemplo that i try replicate.

My code is thi img:

 

gsap erro scroll.png

See the Pen NWOmrxW by maxleon52 (@maxleon52) on CodePen

Link to comment
Share on other sites

Heya!

 

I'm afraid we don't really have resources to translate code between different platforms and frameworks.

 

That being said, we have some guides here, along with some templates to start off with
 

At first glance you're not using context, so that's likely biting you! Give the guides a read and give it another go. If it doesn't help, pop back with a minimal demo (in React) and we'll take a look and see if you're doing anything problematic.

 

Good luck.

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...