overrideNative with Safari causes a no compatible source error

[danrossi]

I discovered this a while ago but it's required to work around a Safari audio api bug with HLS

Setting this, a blob source is created in the video element but a source not supported error is produced upon playback.

"html5": {

                    "vhs": {
                        "overrideNative": true
                    }
                },

https://electroteque.org/dev/safari/videojs2.html

Working with hls.js

https://electroteque.org/dev/safari/hlsjs.html

[danrossi]

If I comment this out the error goes away but it hangs with playback and no segments continue downloading. Was this feature ever working ?

http-streaming/src/videojs-http-streaming.js

Line 1095 in bd810ea

this.tech_.addSourceElement(this.source_.src);

[osi8]

I think this is the cause to videojs/video.js#9117
There I documented a probable point in the code of this plugin, where I suspect the reason for those playback errors.
In version 3.16.0 this code:

// If we are playing HLS with MSE in Safari, add source elements for both the blob and manifest URLs.
// The latter will enable Airplay playback on receiver devices.
if ((
  videojs.browser.IS_ANY_SAFARI || videojs.browser.IS_IOS) &&
  this.options_.overrideNative &&
  this.options_.sourceType === 'hls' &&
  typeof this.tech_.addSourceElement === 'function'
) {
  this.tech_.addSourceElement(this.mediaSourceUrl_);
  this.tech_.addSourceElement(this.source_.src);
} else {
  this.tech_.src(this.mediaSourceUrl_);
}

replaced this code from 3.14.2:

this.tech_.src(this.mediaSourceUrl_);

Patching this back (we don't need Airplay in our case) fixed the issue for us.