Video Component behind objects, another video over objects

[Samantha22276227zqgf]

Hello,

I am still learning Adobe Animate... I was able to find this code to put a video component behind objects on the scene:

var dom_container = document.getElementById("dom_overlay_container");

dom_container.style.zIndex=-1;

I have two additional videos that will be displayed in a pop-up that I need over the objects. Is this possible to do? 

See screenshots for image reference.

[Samantha22276227zqgf]

Clarification: When I add the code, all videos are in the back. When I remove that code, all videos are in front.

[kglad]

what is it you want?

[Samantha22276227zqgf]

I need one video in the background. And two in front on clickable pop-ups.

Is there a way to make the code only affect one of the video component rather than all:

var dom_container = document.getElementById("dom_overlay_container");

dom_container.style.zIndex=-1;

[Samantha22276227zqgf]

The document is HTML5 so I am using video components linked through Vimeo. I am wondering if there is a way to write the code to only affect 1 video component with class, ID, etc.

[kglad]

you can create your own z-ordering by using

this.bmp_video = createBMPVideoF();  

// use this.bmp_video.video to reference the video itself and use this.bmp_video and addChild to z-order the video where you want it in animate

function createBMPVideoF() {  

    var vid = document.createElement("video");  

var bmp = new createjs.Bitmap(vid);

    bmp.video = vid;  

    return bmp;  

}