Scrolltrigger - video scrub laggy/choppy
Hi everyone.
I'm working on a video scrub using this example I found in another post, but when I replace the video url with my own video the animation gets laggy and choppy.
I went through other posts like this:
As recommended in the post, the video is now at 60FPS and encoded in H.264 format, but it is still choppy on Chrome (it's smooth on Safari).
Please advise
See the Pen xxrOdpj by GreenSock (@GreenSock) on CodePen
The problem you're describing sounds like the nature of video codecs and keyframe spacing. It is critically important that you encode the video properly if you want to be able to scrub smoothly. Most video codecs have keyframes every X number of frames, and then between those it only records the changes from the previous frame (to minimize file size). It's optimized to only play forward. So if you encode the video when keyframes every 120 frames, for example, what happens if you try to scrub to
