Animation Layers over video component in Animate

Forum|Forum|7 years ago
July 18, 2018
2 replies
4217 views

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?

This topic has been closed for replies.

Correct answer JoãoCésar17023019

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

J

joec57349213

Participant

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.

D

dean funkAuthor

Inspiring

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.