​

function preload() {

  for (let v = 0; v < 3; v++) {

    videos[v] = createVideo("wolf0" + (v + 1) + ".mp4");

    videos[v].hide();

  }

}

​

function setup() {}

​

function draw() {}

​

function keyPressed() {

  canvas = select("canvas"); // Get the canvas element

  canvas.hide(); // Hide the canvas

​

  for (let v = 0; v < videos.length; v++) {

    videos[v].stop();

    videos[v].hide();

  }

​

  if (key === "l") {

    // Code to run.l

    videos[1].size(windowWidth, windowHeight);

    videos[1].show();

    videos[1].play();

  }

  if (key === "r") {

    // Code to run.

    videos[2].size(windowWidth, windowHeight);

    videos[2].show();

    videos[2].play();

  }

}

​

/* FOR TRIGGERING FULL SCREEN

​

function touchStarted () {

  if (!fullscreen()) {

    fullscreen(true);

  }

}

// full screening will change the size of the canvas 

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}

​

// prevents the mobile browser from processing some default

// touch events, like swiping left for "back" or scrolling the page.

​

document.ontouchmove = function(event) {

    event.preventDefault();

};

*/