How to make a frame change in a video when scrolling?

Question

css

Good evening, I'm unsuccessfully struggling with this task, tell me how to repeat a similar video playback effect (frame change) when scrolling, so that the video reacts to the scroll position and plays when a person scrolls, I saw some use Canvas, but since I don’t know it, not really I understand how it works

https://forestal.com/en/products/hydra?ref=land-bo... - for example, here
Also everyone knows the famous Apple website with airpods

Please give me tips, I found different solutions, but they are not always suitable (videos eventually slow down or start playing from the top of the page, while being somewhere in the middle

Thank you

Answer 1

Alternatively...
Parallax Video Canvas on scroll

Answer 2

It uses https://greensock.com/scrolltrigger/ I don't think this is a video