I have an HTML audio element with src pointing to a valid URL, but the audio element is greyed out and disabled. Right next to the audio element, I have a link that goes to directly the src URL, which correctly points to the mp3 file on S3.
I can't figure out why the audio player is in a disabled state. It's implemented in Svelte code below. Happening in Chrome and Safari browsers.
How can I remove the disabled state from this audio player?
<div><audio controls name="audio"><source src={audioUrl} type="audio/mpeg" /></audio></div><div class="pt-4"><a href={audioUrl} target="_blank"><i class="bi bi-box-arrow-right" /></a></div>