'end' event not triggering

[bilalm]

I am trying to make video scroll. But the end event is not triggering when reach to end of the video. Please check it here: https://stackblitz.com/edit/js-txxtqs?file=index.js

[akapowl]

Hello @bilalm

 

Looks like you are using ScrollMagic, which is not a GreenSock product, so it is not really supported in these forums.

 

You might want to consider switching to ScrollTrigger, GreenSock's equivalent to ScrollMagic.

It's better than ScrollMagic in pretty much every way and since ST is made by GreenSock, you will get support for it here.

 

On a different note;

 

Scrubbing through videos on scroll can be a bit tricky if you want it to work smoothly - not too tricky on the ScrollTrigger side of things, but when it comes to the right encoding of the videos used. Here is a codepen demo using ScrollTrigger, that has some tips for the encoding as comments up top in the JS section. Hope that'll help.

 

See the Pen 9e810322d70c306de2d18237d0cb2d78 by shshaw (@shshaw) on CodePen

[bilalm]

@akapowl Yes smooth scroll was big problem for me. Your demo looks better. I will try this. Thank you so much!