Autoplay with playsinline on Safari mobile

Hello,

We experience a problem with autoplay on safari mobile, with playsinline attribute set to true on the video element. The player stops on an AbortError, which seem to occur when the browser is blocking the autoplay due to the auto play policy, but before we receive the MEDIA_ERR_BLOCKED_AUTOPLAY.

It has worked before, but seems to have stopped to work when #650 was merged, so somehow related to that - but I haven’t been able to understand in more detail what is happening.

Any ideas?

Thanks for the good work!

[PaulRosset]

Hello Matthias,

I was able to reproduce the problem you encountered thanks to your minimal repository on Safari mobile (IOS 13.3.1).

As you mention, the problem was introduced in the 3.17.1 version.

We are currently investigating it. Thanks.

[PaulRosset]

Hello Matthias,

I just wanted to announce to you the recent news related to this issue.

The good news is that we found the original problem and we have fixed it.

The problem was coming from the logic of how we determined the LOADED event/state in directfile mode.
The logic on Safari Mobile is different depending on the playsinline attribute, but we weren’t aware of it.
So if we were on SafariMobile or in directfile mode, we weren’t waiting for the readyState to be 4 or >=3.
It is perfectly valid without playsinline but too early with the playsinline attribute.

So, we fixed it by detecting the playsinline attribute on the HTMLVideoElement to be able to react in consequence.

The fix will be available in the next release.

Thank you again for your help and your good catch!