• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Video Component behind objects, another video over objects

New Here ,
Apr 25, 2024 Apr 25, 2024

Copy link to clipboard

Copied

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.

Views

92

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 25, 2024 Apr 25, 2024

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 25, 2024 Apr 25, 2024

Copy link to clipboard

Copied

what is it you want?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 25, 2024 Apr 25, 2024

Copy link to clipboard

Copied

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;

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 25, 2024 Apr 25, 2024

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

LATEST

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;  
}

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines