remove video in HTML5 canvas

[valeri8398]

Hi,

I can add video into HTML5 with the code here (makeDiv = function() ...

https://community.adobe.com/t5/animate/how-to-load-video-in-html5-canvas/m-p/8154016?page=1

But the code remove DIV rmDiv = function(ref) { } works only when I add it at the same frame with a setTimeout function:

    var d = document.createElement("div");  
    d.style.visibility = "hidden";  
    d.style.position = "absoulute";  
    d.style.left = 0;  
    d.style.top = 0;  
    d.style.width =  "300px";  
    d.style.height =  "600px";  
    d.style.overflow = "hidden";  	
    d.innerHTML = "<video src='videos/video1.mp4' autoplay muted></video>";  
    // attach element to CreateJS stage  
    canvas.parentNode.appendChild(d);  
    var dcjs = new createjs.DOMElement(d);  
    dcjs.x = 0;  
    dcjs.y = 0;  

    stage.addChild(dcjs);
	
    setTimeout(function()
    {
	rmDiv(dcjs);
    }, 10000);

How can I use this function rmDiv at another frame, because I don't know how I can get the DOM element again ?

Thanks for your help!

[kglad · Accepted solution]

use this.dcjs instead of declaring a var and thereafter use this.dcjs to reference that element.

[valeri8398]

Thanks a lot!

[kglad]

you're welcome.