let img2;

let vid1;

let button;

​

​

function preload() {

  img1 = loadImage("img1.png");  

  img2 = loadImage("img2.png");  

  vid1 = createVideo("vid1.mp4");

}

​

​

function setup() {

  createCanvas(500, 500);

  //frameRate(1);

  //noLoop();

  button = createButton('Add img2 to canvas');

  button.position(20, 30);

  button.mousePressed(pressbtn);

  vid1.loop();

  vid1.hide();

}

​

​

function draw() {

  background(220);  

  image(vid1, 20, 80, 350, 200);

  image(img1, 250, 0, 250,250);

}

​

​

function pressbtn() {

  image(img2, 50, 230,200,200);

  console.log("Button clicked!");

}