I want to display a video. The sound plays but the screen is blank.

Brenda

var fingers;

function setup() { createCanvas(1920, 1080); // specify multiple formats for different browsers fingers = createVideo(['assets/glen.mov']); //fingers.hide(); // by default video shows up in separate dom // element. hide it and draw it to the canvas // instead fingers.loop(); }

function draw() { background(150); image(fingers,10,10); // draw the video frame to canvas //filter('GRAY'); image(fingers,150,150); // draw a second copy to canvas }

GoToLoop

https://forum.Processing.org/two/discussion/15473/readme-how-to-format-code-and-text

Maybe use position() in place of hide(): :-/
https://p5js.org/reference/#/p5.Element/position

Brenda

Many thanks for your swift answer and for the formatting information. I tried out the code and it worked!!. (I made some minor adjustments to it.) Thank you so much.

Please find below the working code:

var fingers;

function setup() {
  var cnv = createCanvas(0, 0);
  // specify multiple formats for different browsers
  fingers = createVideo(['assets/glen.mov']);


  // positions canvas 50px to the right and 100px
  // below upper left corner of the window
  cnv.position(50, 100);

     fingers.loop(); 
}

function draw() {
  background(150);

}