pause video after several seconds ad resume timeline

[one2gov]

How to pause video after 2 seconds and continue timeline? 

// start the video and pauses the timeline
timeline.addPause("+=0", video.play, null, video);

// resume animation after video ends
timeline.to(video, 3, { opacity: 0, scale: 1.2 });


// just to see that video.play is actually triggering a real play event on the video
video.addEventListener("play", function() {
  output.innerHTML = "video start";
});

// resumes the animation when the video is paused
video.addEventListener("pause", function() {
  // resume the animation
  timeline.resume();
  
  output.innerHTML += "<br/>video stop";
});

See the Pen ZBLQYd by one2gov (@one2gov) on CodePen

[Dipscom]

Thanks for the example pen, made it very clear your intentions.

 

 

One way is by expanding the callback in your .addPause() like so:

// start the video and pauses the timeline
timeline.addPause("+=0", function() {
  video.play();
  // Pauses the video after two seconds
  TweenMax.delayedCall(2, video.pause, null, video);
});