aleh

Thanks Joe, but it does not work with scroll... think it is mainly for mobile apps.

ok, but that is what I am looking for.. away to pause video with timeline on "other tab" and on "scroll"... starting to think it is too difficult... Maybe just a simpler version where they are synced at all times but does not pause... do you have an example on that? Fx combining your sync script with what Jack wrote about (lagsmoothing).

Thanks Blake! However... isn't that only for when you are on a different browser tab?... what if banner is not visible because of scroll? /Alex

Hi, I had a look, and video/animation is running a lot smoother together now!. The Hacky/jumpyness is gone! But text animation seems to be starting again before video when playing in Incognito. Also when looking twice, I do not think the video/animations is paused now when switching to another tab!.. is it? Holly molly, this is more complex than I first thought it would be!

Yeah I can see they start together now, but it seems to be a bit jumpy/hacky in the video now?!. I spend a lot of hours with my limited JS skills without a satisfying turnout, but it strickes me as something very usefull for people who wants to have video and text animations running together in fx Google DoubleClick banners. Jack also suggested to use "lagSmoothing", but I like the idea of the banner being paused (if possible) when browser tab is not selected or banner frame is not visible on page. If you have the time to re-write it I will be very thankfull and interested in what you come up with. I have not been able to google anything which could bring me all the way PS: if jQuery could be left out it would be awesome, as it is heavy and not recommended to use in fx DoubleClick Thanks again Dipscom

Hi Dipscom Is it me, or doesn't it start the text animation without waiting for the video (try incognito window) ? ... then if you refresh it (with cached video) then it works fine!... any idea what to do here?

Thanks so much! and ok, I will try and see if I can find out which codec you used

Hi, I am trying to create a banner with timeline animation and a background html5 video. I am trying to keep the video in sync with the timeline, which is also working pretty well in the codepen example. That being unless you switch to another tab or scroll down on a page so the banner is out of sight, then it seems the animation is pause while the video continues to play and therefore gets out of sync. So what is the best practice here? to always keep them in sync? Can I listen for when the timeline is in pause mode and then pause the video, or can the timeline pauses be deactivated?... or a 3rd option Perhaps someone has an example on this or maybe an earlier topic which I couldn't find?! Thanks! /Alex