(Probably since the update to 2.5.0 stable) secure media audio files do not play on Safari on the first click. It requires two or three clicks on the play icon in order to start the audio. On the first clicks, no request is received on the web server. Only the third click or so sends the request. T…

With @martinwoodward ’s blessing, I made a few commits today that switch to using preload="metadata" for all audio/video elements in all contexts, secure media included. This should fix the issue described here. Note that if the user stays on the page for longer than 5 minutes, they will most likely…

I’ll take a look tomorrow. Sounds like a Safari issue if it takes two or three clicks there – will try it out my iPhone.

I can confirm that this is buggy for me on iOS both with Safari and Firefox. The audio does not play until multiple play/pauses are done. The widget component looks the same in both (I think Firefox mobile is just a wrapper around the mobile safari rendering engine). I tried this on iOS 13.5.1. The…

[image] martin: or that our 302 redirect of the secure media URL to the actual audio URL causes some issue It looks like there is no request fired towards the server on the first clicks, so the issue must be before the 302…

@martin have you been able find anything regarding this issue?

Unfortunately not I have been busy on other projects. I have this on my list though and I am hoping to start looking it more thoroughly soon. We have briefly discussed similar issues internally as well.

This has been an adventure so far..so I was able to set up remote debugging between Chrome on my Ubuntu machine and iOS Safari on my iPhone, with many tribulations. Annoyingly, however, the Network tab is blank, which is kinda the most important one for this. I have found that setting preload="meta…

That is an impressive debugging session! One question: [image] martin: returns a status of Finished What does this response look like? Finished is not a HTTP response code, right?

[image] RGJ: That is an impressive debugging session! Thank you! [image] RGJ: What does this response look like? Finished is not a HTTP response code, right? Good question! And yes you are correct Finished is not a status code. I get no additional information from the Network tab here…

This inspired me to set up mitmproxy and take another look at what is going on here. It seems like that first “Finished” request is not leaving the iOS device / Safari browser. The mitm proxy does not register anything until the second time PLAY is being clicked.

Secure media audio does not play on Safari on the first click

Product Support

pmusaraj (Penar Musaraj) July 13, 2020, 5:47pm 14

Would it makes sense to use preload="metadata" only for Safari (both iOS and desktop, I can repro this on desktop too), and preload="none" elsewhere?

(Also, this doesn’t look like it’s happening on Android for me, tested in a PWA.)

Topic		Replies	Views
Secure media uploads expire Bug	7	1130	February 11, 2020
Issue playing videos on iOS and macOS Safari Bug video , ios , fixed	28	2160	December 13, 2025
Media Playback with PWA: keep playing when phone locked? Feature pwa	11	7372	December 2, 2023
Vimeo links uploaded after 2020-12-18 play without audio on ipad using DiscourseHub Bug tablet	14	2156	February 19, 2021
Media player stops playing when you scroll through a topic/thread. Didn't used to do this Product Support	12	1638	December 27, 2016

Secure media audio does not play on Safari on the first click

Related topics