Firefox for Android does not render video in canvas

[mateusk]

Most appropriate sub-area of p5.js?

• Accessibility (Web Accessibility)
• Build tools and processes
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Friendly error system
• Image
• IO (Input/Output)
• Localization
• Math
• Unit Testing
• Typography
• Utilities
• WebGL
• 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]

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.