Video Animation on Scroll

[Zain Rehman]

Hey, I'm New here! my question can bother you. I'm looking for a suggestion basically for my project.
I'm developing a website landing section where I want to place a video on Scroll video should be play (I'm Just using a word video it can be any other bes approach)
On the whole, as I study myself there are different techniques to do so.

1) video play/off on scroll like this {

}

2)  Image sequence  {

}

3)  Sprite images  https://webdesign.tutsplus.com/tutorials/how-to-animate-a-coffee-drinking-sprite-with-scrollmagic--cms-24795


a. which technique should I follow?
b. Should I work on Canvas or just HTML divs'?
 

speed of the loading the first time is my priority as the Apple website has quick response I just want your suggestion in this way. 
 

[GreenSock]

All of those techniques are valid and if I were you, I'd experiment with each one to see which delivers best on the requirements. I don't know for sure (otherwise I'd tell you). Maybe someone else can chime in who has compared them.