WebGL: INVALID_VALUE: texImage2D: no video [Safari *only*]

[camhart]

When initializing PanoViewer on Safari, using videojs w/ hls playback, with my complicated setup (haven't been able to simplify a codepen down to recreate it), I'm getting this error when calling const panoViewer = new PanoViewer(view360Container, { ...someopts... }):

WebGL: INVALID_VALUE: texImage2D: no video

If I delay the PanoViewer constructor call, by 1000ms, the error is resolved. If I delay by only 100ms, the error persists. I'm not initializing PanoViewer until after videojs sends the 'ready' event already. But it seems that on Safari there's something else that must occur first, or else the error occurs.

The code is a somewhat complex prototype, but I'm 98% positive (I've been wrong before :D) that it is something internal to PanoViewer.

I'd be willing to share a demo link privately w/ project maintainers if anyone would like to see it.

[camhart]

The error is reliably gone if I wait for videojs to report buffering > 0.0. I'm currently checking each time a progress event fires from videojs. But that introduces a blip when you click play on the video. Less than ideal but at least a work around for the time being.