Animation Layers over video component in Animate

[dean funk]

I'm working on a Web Banner project where I need a mp4 video clip to play under animation.

Is there a work around to force the video layer under other layers?

[dean funk]

I just spent about 2 hrs with a tech from adobe support. He had no answer for me. I sent him a very simple test file that consisted of a video component layer with a mp4 under a very simple layer that contained a graphic.  of course when published the video overplays the graphic layer.

What I am building is a very simple html5 web banner in canvas.

The banner opens with the video autoplaying - then graphics animate on top of the video - eventually covering the video. and of course the whole time it needs to be clickable.

This is a standard application of a video web banner, something that I was able to bang out in Edge with no problems not additional scripting nothing.

If there is anyone out there that can help me, this would be greatly appreicated.

[JoãoCésar · Accepted solution]

Hi.

1 - Go to the document properties and set the background color to full transparency;

2 - Change the canvas zIndex property to a value bigger than 0.

canvas.style.zIndex = "1";

3 - Optionally, disable click events for the canvas if you need to control the video.

canvas.style.pointerEvents = "none";

You can put these codes in the first frame of the main timeline or somewhere else.

I hope this helps.

Regards,

JC

[dean funk]

You rock dude! thanks

[JoãoCésar]

You're welcome!

[Amre24517497ygjl]

THAIINK U BUT IM STILE HAVEINT THE DETAIS 

[виталикк67941033]

2

[luca2424]

Hi, how to add movieclip named "mc1" behind this video? Now everything is above the video.

[Noman K]

Thank you so much!

[XOandChipo]

Thank You!!!!!

[joec57349213]

So you are saying to modify the css from the export?  Not seeing any settings to change the Z-index.  That worked in console.  I think Animate is over-rated.