Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Space Man

(Timeline?) function to sync video loop with animations

Go to solution Solved by nico fonseca,

Recommended Posts

Hey Folks, I'm begging for help here.

I'm trying to sync a video with some animation in order to cover up the loop glitch (end and beginning of video).

I was thinking this could be done with a timeline?

I can set the timing to get it close via regular tweens, but when the video is not in view, the whole thing goes out of sync of course.

Is there a way to control the play/pause states of the video AND animations, regardless of whether or not it's IN VIEW?


Please let me know if more info is needed. Thanks!

Link to comment
Share on other sites

Welcome to forums @Space Man


Can you provide a minimal demo? It's very hard tell what your code a snippet is supposed to be doing.


Link to comment
Share on other sites

Thanks for the response OSUblake. This is a difficult one to describe. I want the sweeping animations (and an opacity "#flash") to cover up the video looping glitch, reliably. When it's synced up, it looks great, but I've no idea how to keep them from getting out of sync, which is why I was thinking 'Timeline'.

('#sweep_fast' animation runs twice for every ONE of the other animations and video loop, which is 15 seconds)

Link to comment
Share on other sites

  • Solution

@Space Man I'm not seeing anything in your pen. Please import GSAP and add the missing HTML elements ("#sweep_slow, #sweep_fast,#flash") so we can check your issue. 

Btw here is a recent thread about how to sync a video with a timeline:


  • Like 4
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.