If I play an audio element containing an mp3 stream in an iframe and go the lockscreen, I am unable to play it again after having paused it

Steps to reproduce:
1 - on an iphone in safari play an audio element in an iframe (example: https://ccfhs.csb.app/ )
2 - lock the phone
3 - in the lock screen press the pause button to pause the stream
4 - pressing the play button to start the stream again
5 - even though the play button turns into a pause button, the audio never starts playing
6 - when you go back to safari, you see a pause button in the audio element, but the stream does not start playing.. even when toggling the pause button, the stream never starts playing again

Source code of example: https://codesandbox.io/s/priceless-waterfall-ccfhs