Show movie clip when video component is seeking? HTML5

Question

I'm using Animate CC to publish to HTML5. I need to show a movie clip "only" when the video is currently seeking or currently paused. The video instance is named "video0". I am able to control the video, e.g...

video0.currentTime = 0;

$("#video0")[0].play();

...sends the video back to the beginning and then plays it.

However, I cannot figure out how to show a movie clip when video0 is currently paused or currently seeking. Any ideas? Thx

ChicoTom24 · Accepted Answer

If you put the code in the same first frame as the component, then of course it won't work, because it's running before the component has created the video element.

OK, thanks. Your code below works fine. I just had to put it in a keyframe AFTER the component is placed on the stage.

- - -

var myvid = document.getElementById("video0");

var pauseClip = this.myPauseClip;

myvid.addEventListener("seeking", showClip);

myvid.addEventListener("pause", showClip);

myvid.addEventListener("play", hideClip);

myvid.addEventListener("timeupdate", hideClip);

function showClip() {

pauseClip.visible = true;

}

function hideClip() {

pauseClip.visible = false;

}

ClayUUID · Answer

var myvid = document.getElementById("video0");

var pauseClip = this.myPauseClip;

myvid.addEventListener("seeking", showClip);

myvid.addEventListener("pause", showClip);

myvid.addEventListener("play", hideClip);

myvid.addEventListener("timeupdate", hideClip);

function showClip() {

pauseClip.visible = true;

}

function hideClip() {

pauseClip.visible = false;

}

Not tested, but should work. Mostly. You may have to listen to more or different media events.

Media events - Web developer guides | MDN

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded