Video is played without image

Description of the problem

I think it’s related to this issue : https://github.com/mrdoob/three.js/issues/19880 I’m not sure but be free to link mine to it.

When I try (on a http-server like the issue above) to play a video (~18Mb) on a slow network, it plays but without image. We can only hear the sound.

I get three errors : WebGL: INVALID_VALUE: tex(Sub)Image2D: video visible size is empty [.WebGL-0x556447eedf80]RENDER WARNING: texture bound to texture unit 0 is not renderable. It might be non-power-of-2 or have incompatible texture filtering (maybe)? [.WebGL-0xe4c99100]GL ERROR :GL_INVALID_VALUE : glCopyTextureCHROMIUM: invalid image size

I manage to reproduce this bug only in Android Chrome 84 and it’s not happening every time. Try to f5 the page if you don’t have the “glCopyTextureCHROMIUM” error (on private navigation).

I think it’s related to the issue mentioned above but I’m not sure.

Video : black_screen.zip

JSFiddle to reproduce : https://jsfiddle.net/Mickoou/63z9pth4/43/ PS: it has a click event to play the video.

Thanks !

Three.js version

• Dev
• r118
• …

Browser

• [] All of them
• Chrome 84
• Firefox
• Internet Explorer

OS

• [] All of them
• Windows
• macOS
• Linux
• Android
• iOS

Hardware Requirements (graphics card, VR Device, …)

[Mugen87]

It seems there is an issue with your device. I don’t believe this can’t be fixed on app or engine level.

Try to upgrade Android if possible. Unfortunately, I can’t think of another suggestion…

[phdcoder]

I was experiencing the same error, resolved this problem by downloading the whole video using XMLHttpRequest before creating GL context.