Canvas layer over the top of video?

Forum|Forum|7 years ago
December 19, 2018
3 replies
1069 views

Hey there I'm testing the capability of layered animation over the top of video using Canvas and Adobe Animate.

Is this possible because when I animate a simple circle going across the screen it seems right in Animate (ie over the top of the video)...

but when I export it, it ends up behind the video (like video has preference over everything else)...

am I missing something?

Thanks in advance.

This topic has been closed for replies.

Correct answer kdmemory

That with

canvas.style.zIndex = "1";

just follow the instructions from JoãoCésar which he supplies in his correct answer on Animation Layers over video component in Animate.

Should work, I haven't tried it so far though.

Klaus

JoãoCésar17023019

Community Expert

I'm glad you two figured it out!

kdmemory: Actually Animate CC creates a global variable called canvas that holds a reference to the default canvas element with an id of canvas.

These are a lot of canvases! Haha

Regards,

JC

kdmemory

Inspiring

True, true, true and thanks Joao. Always something to learn and improve.

Klaus

kdmemory

Inspiring

Hi Rossfranks

that's right. Yours is a canvas HTML5 document as you say. You are probably using the video component. When you export and watch it in a browser the video tag sits in a <div> inside the <div id="dom_overlay_container">. And this one is above the <canvas> where your simple circle is. You can see that when you check the DOM in the Inspector (Web developer tools).