Player error overwritten by empty poster error on Chromium browsers

[amtins]

Description

On Chromium-based browsers, when the poster is not accessible, the media element returns an empty error.

As a result, when both the media URL and the poster return a response other than 200. The media error is overwritten by an empty error, leaving the player in an inconsistent state.

Two use cases generate this behavior:

• When the resource selection algorithm is unable to determine the resource type. For example, this will be the case for resources coming from Azure Media Services Sample Streams, if the type is not specified
• When a middleware is used for dynamic resource resolution

Steps to reproduce

1. Open the URL
2. Open the developer console
3. Copy/paste/execute one of the cases below

// Case 1
player.on(player.tech(true).el(), 'error', ()=>console.log('Video Element Error', player.tech(true).el().error));
player.src('http://amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest(format=mpd-time-csf)');
player.poster('https://vjs.zencdn.net/v/oceans.wrong.png');


// Case 2
videojs.use('fake/md', (player)=>{
  return {
    setSource(srcObj, next) {
      src = null; // Error calling the server            
      next(true, src);
    }
  }    
});

player.on(player.tech(true).el(), 'error', ()=>console.log('Video Element Error', player.tech(true).el().error));
player.src({src:'1337', type:'fake/md'});
player.poster('https://vjs.zencdn.net/v/oceans.wrong.png');

Errors

No response

What version of Video.js are you using?

v7.x, v8.x

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

Chromium based browsers

What OS(es) and version(s) does this occur with?

All