HTML5 Canvas, Video Component with timeline navigations

[jacleow]

Dear all form the adobe community,

I have been trying to get this to work for many days.

I have my video component embedded in frame 3, when I navigate to and fro my timeline with buttons, the video component does not load anymore.

Pls help! thank you in advance!

Heres a copy of my file.

https://www.dropbox.com/s/iotwtxsyyur2pfj/ORal.fla?dl=0

[UDESCO]

You'll need to make a few corrections here -

1. In frames 3, you haven't specified any video source for your component.

2. In frame 2 code: change stop() to this.stop() and remove the line $("#video1")[0].play();

[jacleow]

Hi,

I have made the changes. However, the video component still does not load when i go too and fro the frames with my buttons.

[sumanr49634048]

HI,
Please check below link

Dropbox - video_example.zip

Regards,
sumaN

[jacleow]

Dear Suman,

Thank you for your help. This is how the output looks like when I run the file that you have given to me. It is the same issue that I have experienced previously.

Dropbox - Oral.mp4

Regards,

Jacqueline

[sumanr49634048]

Hi JacLeow,

add this code in 3rd  Frame timeline

this.button_5.addEventListener("click", stopFunction);

function stopFunction(){

if($("#video1")[0].ended == true){

mcRoot.gotoAndStop(1);

}

}

[jacleow]

Hi Suman,

I still get the same result after adding the code in on frame 3