Vimeo video autoplay not working in Safari 11: NotAllowedError

Question

Since the last Safari update to version 11, some videos stopped working. The worst is that sometimes, like once in five attempts, it works. I thought that the reason is my JS script that integrates Vimeo Player API but it ends up that even Vimeo's embed link doesn't work at all.

So, when you open embed video in Safari 11 it won't start and it blocks completely. You can see it by opening i.e. https://player.vimeo.com/video/XXXXXXXX?autoplay=1

In console log you can get something like:

Unhandled Promise Rejection: NotAllowedError (DOM Exception 35): The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

Mladen Janjetovic · Accepted Answer · 2018-09-21T11:48:58.277

5

You can add background URL param to iframe src:

<iframe src="https://player.vimeo.com/video/XXXXXXXX?autoplay=1&background=1>

If your video has a sound you can also export your video again with no sound track at all. Than you probably don't need the background param at all.

The catch is that Safari 11 is blocking all videos autoplay if they have sound in it.

Even when video, like in my case, doesn't have sound level but it is exported with sound with no volume. You can see the sovolume icon in address bar:

edited Sep 21 '18 at 11:48

answered Sep 27 '17 at 09:20

Mladen Janjetovic

13,844
8
72
82

You can also programmatically mute the video before playing. – szatmary Sep 27 '17 at 15:07
For tips on automuting: https://stackoverflow.com/questions/26649641/muting-an-embedded-vimeo-video (check out a more recent answer, the API has changed over the years) – murb Oct 20 '17 at 09:23
1

i just added "muted" to the video tag for html5 video background – Kai Qing Feb 26 '18 at 21:49
I have made it with video tag, but not with Vimeo – Mladen Janjetovic Feb 27 '18 at 09:21

score 0 · Answer 2 · edited Jun 12 '18 at 03:05

0

Because safari does not allow auto play of all video. you can add mousemove event listener. When the mouse moves, video starts playing. Then you must remove this event.

edited Jun 12 '18 at 03:05

Stephen Rauch

47,830
31
106
135

answered Jun 12 '18 at 02:40

steven lee

1
2

score 0 · Answer 3 · answered Sep 18 '18 at 10:57

0

iOS Support: Automatic playing of videos is supported as of iOS 10+, but requires the playsinline attribute on the tag.

answered Sep 18 '18 at 10:57

Thylle

161
3
10

This works for video tag, but it's not working for iframe. At least not for me in Safari. – Mladen Janjetovic Sep 21 '18 at 11:49

Vimeo video autoplay not working in Safari 11: NotAllowedError

3 Answers3

Linked