"Operation is insecure" error in Firefox - Texture.fromVideo(videoElement)

Hello!

The project is old so PIXI v.3.0.11 is used.
For streaming - Flashphoner via WebRTC

Steps to reproduce

1. Start video stream in html video element - stream.start(myDiv) which creates streamVideoElement in myDiv

2. When stream fires STREAM_PLAYING event the method PIXI.Texture.fromVideo(streamHtmlVideoElement) is called and the returned texture is set to the specific PIXI.Sprite instance.

3. Somewhere after this the Firefox browser receives error thrown by WebGl:

Additional information

• The problem is happened very rerely
• Only Firefox
• Stream(video element) is not failed after the error

Quote

 

SecurityError: The operation is insecure. pixi.js:14771

    updateTexture pixi.js:14771

    renderBatch pixi.js:18735

    flush pixi.js:18661

    renderWebGL pixi.js:7724

    renderWebGL pixi.js:7769

    renderWebGL pixi.js:7769

    renderWebGL pixi.js:7769

    renderWebGL pixi.js:7769

    renderDisplayObject pixi.js:14682

    render pixi.js:14655

    animate Stage.ts:385

    animate Stage.ts:388

 

In the PIXI source code that means:

gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, texture.source);

What we tried

• tried to set  video.crossOrigin = "anonymos" to the video element but no success.
• tried to dispose video like video.src = "" and etc according some advices related to the localStorage caching

I know it's not directly linked by PIXI but still I need help.

And the image of the current block when exception was thrown.