Cross origin problems with video

[trsh]

`Failed to execute 'texImage2D' on 'WebGL2RenderingContext': The video element contains cross-origin data, and may not be loaded.`

How to fix this?

The response header for my video delivered seems to be OK:

1. Access-Control-Allow-Headers:
   DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range
2. Access-Control-Allow-Methods:
   GET
3. Access-Control-Allow-Origin:
   http://localhost:3000
4. Access-Control-Expose-Headers:
   Content-Length,Content-Range

[trsh]

Seems like this bug is only when using :

 

 const videoResource = new PIXI.resources.VideoResource(videoEl, {
            autoPlay: false,
            autoLoad: true,
            crossorigin: true
        });

 

Edited May 27, 2020 by trsh

[trsh]

I needed to add:

const myLuckyVideoElTmp = document.createElement('video');
        myLuckyVideoElTmp.preload = "auto";
        myLuckyVideoElTmp.setAttribute('crossorigin', 'anonymous');

Now it works