Firefox for Android does not render video in canvas

[mateusk]

trafficstars

Most appropriate sub-area of p5.js?

• [ ] Accessibility (Web Accessibility)
• [ ] Build tools and processes
• [ ] Color
• [X] Core/Environment/Rendering
• [ ] Data
• [ ] DOM
• [ ] Events
• [ ] Friendly error system
• [ ] Image
• [ ] IO (Input/Output)
• [ ] Localization
• [ ] Math
• [ ] Unit Testing
• [ ] Typography
• [ ] Utilities
• [X] WebGL
• [X] Other (Video)

Details about the bug:

• p5.js version: 1.4
• Web browser and version: Firefox 91.1.0
• Operating System: Android 6.0.1
• Steps to reproduce this:

1. Create a video in a canvas:

let video;

function setup() {
  createCanvas(710, 400);
  video = createVideo(['video.mov']);
  video.hide(); 
}

function draw() {
  background(0);
  image(video, 0, 0);
}

2. In Firefox for Android, the video never renders. The same code works for Firefox desktop, Firefox for iOS, and any other browser.
3. The video canvas example in p5.js website (https://p5js.org/examples/dom-video-canvas.html) also does not render the video
4. However, rendering a video in a video element (such as in the example: https://p5js.org/examples/dom-video.html) works as expected.

[welcome[bot]]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.