[Firefox Android] Examples materials / video and video / panorama / equirectangular broken

[jonobr1]

I'm not exactly sure if this ever worked or when it started breaking, but video textures seem to have errors on Firefox for Android. Below is the GL error / warnings spit out by Firefox Dev Console:

And the result is that the material returns black to the fragment shader.

I've tested these web pages on Firefox for Android with the error described above:

• https://threejs.org/examples/webgl_materials_video.html
• https://threejs.org/examples/webgl_video_panorama_equirectangular.html

I will cross-post this with Firefox as it may be a GL error on the vendor's side. (Updated: Ticket)

Three.js version

• r89

Browser

• Firefox

OS

• Android

Hardware Requirements (graphics card, VR Device, ...)

Tested on a Pixel (first generation).

[Mugen87]

I can reproduce with my Pixel (first generation) and mobile Firefox (58.0.1). Looks like a browser issue to me...

[RemusMar]

That link doesn't work even on PC.

[Mugen87]

Both examples work on my desktop with macOS 10.13.2 and FF 58.0.1

@RemusMar What version of FF are you using?

[RemusMar]

RemusMar What version of FF are you using?

That was the latest Firefox ESR (52.6.0).

With the latest Firefox Quantum (58.0.1) it works.

But Firefox ESR is very important because it proves the backwards compatibility.

[Mugen87]

Maybe related: https://bugzilla.mozilla.org/show_bug.cgi?id=1322694

[RemusMar]

This VideoTexture approach works perfect on Firefox ESR (52.6.0).:
http://necromanthus.com/Test/html5/testA_disco.html
But the example from threejs.org does not.

[Mugen87]

Maybe it's related to the video format 🤔

[RemusMar]

Maybe it's related to the video format

Indeed.
#13215
It works now.

[jonobr1]

All right! That's an easy fix. Awesome work!

[jonobr1]

Just for further clarification for anyone that stumbles on this issue it looks like FF Quantum 58.0.1 on Android is also having problems with webms