Skip to main content
Participant
August 22, 2020
Answered

remove video in HTML5 canvas

  • August 22, 2020
  • 1 reply
  • 546 views

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!

 

    This topic has been closed for replies.
    Correct answer kglad

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

    1 reply

    kglad
    Community Expert
    kgladCommunity ExpertCorrect answer
    Community Expert
    August 23, 2020

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

    Participant
    August 23, 2020
    Thanks a lot!
    kglad
    Community Expert
    Community Expert
    August 25, 2020

    you're welcome.