Stream not playing on Safari but playing perfectly fine on chrome.

What version of Hls.js are you using?

14.2 and tested with latest version also.

What browser and OS are you using?

safari and macOS

Test stream:

https://d.rev-qa.vbrick.com/downloads/videos/54f450ca-6d21-4736-ab11-ab9c0607a6d2/instances/speaker-mbr.m3u8

Checklist

• The issue observed is not already reported by searching on Github under https://github.com/video-dev/hls.js/issues
• The issue occurs in the stable client on https://hls-js.netlify.com/demo and not just on my page

• The issue occurs in the latest client on https://hls-js-dev.netlify.com/demo and not just on my page

• The stream has correct Access-Control-Allow-Origin headers (CORS)
• There are no network errors such as 404s in the browser console when trying to play the stream

Steps to reproduce

1. Play the above mentioned stream on safari using hls.js

Expected behavior

1. Stream should play like it is playing perfectly on chrome and IE Edge.

Actual behavior

1. Stream is not playing on safari

Console output

Paste the contents of the browser console here.

For media errors reported on Chrome browser, please also paste the output of chrome://media-internals 

Start with the hls.js demo and the supplied M3U8 stream in Safari on macOS, then compare its behavior and console or media errors with Chrome. Trace the playback failure to the relevant Safari handling and verify the stream plays successfully in the demo without regressing other browsers.