Replay button for Video component in HTLM5

[melissag65725107]

I'm trying to create a button to 'replay' a linked mp4 video after it has played in an HTML5 Canvas.

• I have a single Frame 1 with a 'play' button instance set to go to and play Frame 5.
• On Frame 5 it plays an local mp4 video file (using the Video Component).
• After the video is done playing, I clear that video layer from the stage.
• On the final frame 600, I have added a layer with only a 'replay' button that has a unique instance name to go to and play Frame 5. With testing, I've found that this doesn't really work because the video is still showing over the button, preventing the button from working (i.e. no rollover effect or ability to click it)

When I test the 'replay' button and it actually goes to Frame 5, where the video keyframe is located, the video doesn't play. I've read that in Flash you could use FLVplayback with AS3, but I've also read that this doesn't work with HTML5, and that I need to use Javascript.

Is there any way to have a replay button for an mp4 video loaded in an HTML5 doc?

I was trying to use this blog post for stop and play, but not sure if that works: Using HTML5 Canvas In Animate CC: JavaScript Basics | Creative Cloud blog by Adobe

[kglad · Accepted solution]

i believe there's a problem (ie, bug) that prevents the video component in canvas from 'replaying' a video using the same component instance.  ie, it'll play once, but i can't find a way to get it to play twice unless you use a different instance.