mediaelement.js fails to rewind audio file when forwarding audio with AirPlay from iPhone to Mac

[f26d]

Follow these steps to reproduce:

• Have an iPhone and a Mac (I'm running iOS 17.5.1 and macOS Sonoma 14.5)
• Forward audio from your phone to your Mac using AirPlay
• Have a blog post containing an audio shortcode
• Open the blog post in Safari on your phone and play the audio. The audio should play on your Mac.
• When the audio has finished playing, the scrubber bar will try to rewind to the start, but it will get stuck and glitch along the way.

I debugged this problem to understand why it happens. When the audio file has finished playing and the ended event fires, mediaelement.js rewinds the player to time=0. This happens because of the autoRewind option, which is true by default (we don't modify the default). But somehow, the AirPlay connection won't let the audio file rewind, which causes the glitch.

[f26d]

Screencast showcasing the bug

[nightnei]

Update for "steps to reproduce"

"Have a blog post containing an audio shortcode" - I could not reproduce it with a random mp3 file, but it looks like it's 100% reproducible with audios from the "​Post by Voice" feature.

[joedolson]

It's most likely that any solution to this would require an update of the MediaElement.js library, which is currently under discussion in #56320. Can you check whether this is an issue in more recent versions of MediaElement.js, @f26d?