The specified progressive stream type is not supported, or the HTMLSourceElement used to load the source has reported an error.

This error is only fired when the native player is used with a progressive source. In this case, playback is handled natively by the video element, and this error is thrown when a stream error is encountered by the video element.

Some common root causes for this error are:

  • the browser is not able to load the progressive source due to CORS restrictions
  • the browser does not support the codec and/or codec-container combination used by the asset

Please check the logged error message for more detailed info on what caused the error to be thrown.

Troubleshooting steps for source progressive stream error

  • If the issue originates from a CORS restriction, you could try using a CORS-proxy like cors-anywhere to request the resources.

  • Make sure you are not trying to load HTTP-served content on an HTTPS page. These requests will get blocked due to mixed content blocking by modern browsers.

  • If you are unsure of the container/codec used and have access to your progressive streaming asset, you can use ffmpeg -i path/to/asset.mp4 to gain more insights.

  • Check out the browser support matrix for container formats, web-vido-codecs and web-audio-codecs on MDN.

  • In case you have a mime-type codec-string at hand, you can use the browser API's canPlayType function to get information about your browser support level. Example:

    const codecString = 'video/mp4; codecs="avc1.42E01E"';
    const videoElement = document.querySelector('#myVideoElement');

    For the meaning of the return-values of canPlayType, please refer to the corresponding MDN page.