Safari not playing audio files stored on google cloud

Question

I have a GCP bucket where feedback from people is saved in blob and flac file. On every browser, audio files work but safari doesn't play it. I have tried changing the order of the audio source tag but no luck.

Here is the reproduce able code. The audio playing on chrome and firefox but not on safari.

 <audio
      autoplay="autoplay"
      controls="controls"
      class="st-virtual-tour-insights__full-audio"
    >
      <source
        src="https://app.askhumans.io/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcU1tIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ef1f6dd2e6856fdfb82749d8a61f4fa4467390bc/blob"
        type="audio/mpeg"
      />
      <source
        src="https://app.askhumans.io/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVFtIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--89ccc36d5163fed5cb31f583921893857ca59b28/blob"
        type="audio/x-flac"
      />
      <source
        src="https://app.askhumans.io/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcU1tIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ef1f6dd2e6856fdfb82749d8a61f4fa4467390bc/blob"
        type="audio/ogg"
      />
      <source
        src="https://app.askhumans.io/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcU1tIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ef1f6dd2e6856fdfb82749d8a61f4fa4467390bc/blob"
        type="audio/webm"
      />
    </audio>