Loading a video overtop another display object

Question

Hi All,
I am trying to load a video on click of a button after my animation plays out.. however, when I load it, it appears behind better_mc.. I tried using addChildAt(); but that doesnt' solve the problem. Any help would very appreciated! Below is the snippet of the code that shows both objcets loaded:
var test:VideoLoader = new VideoLoader("TestVideo.f4v");
test.load();
addChild(test.content);
OverwriteManager.init(OverwriteManager.AUTO);
//Buttons Invisible
breathe_mc.learn_btn.visible = false;
breathe_mc.video_btn.visible = false;
live_mc.learn_btn.visible = false;
live_mc.video_btn.visible = false;
sleep_mc.learn_btn.visible = false;
sleep_mc.video_btn.visible = false;
feel_mc.learn_btn.visible = false;
feel_mc.video_btn.visible = false;
CustomEase.create("myCustomEase", [{s:0,cp:1.14999,e:1.4},{s:1.4,cp:1.65,e:1}]);
CustomEase.create("myCustomEase2",[{s:0,cp:0.97,e:1.22},{s:1.22,cp:1.47,e:1}]);
var timeline:TimelineLite = new TimelineLite({onComplete:showBreathe});
addChild(removeChild(better_mc));
Thank you!

Answer 1

I am not familiar with the classes you are using, but for any load processing I am familiar with, the content is not readily available since it takes time to happen.  So you might try just using
   addChild(test);
As far as that last line of code you show goes....
   addChild(removeChild(better_mc));
That's not serving any purpose I can see other than placing better_mc on top of anything else, and has the same net effect as just using addChild(better_mc);  The removeChild method returns the object being removed, so it is essentially saying to add the child right after you remove it - which still places it atop anything else.  If you just get rid of that line altogether you might find the video sitting atop everything as you want.