Vimeo视频自动播放在Safari 11中无效：NotAllowedError

Question

自上次Safari更新到版本11以来，一些视频停止工作。 最糟糕的是，有时候，就像五次尝试一次一样，它有效。 我认为原因是我的JS脚本集成了Vimeo Player API，但最终甚至Vimeo的嵌入链接根本不起作用。

因此，当您在Safari 11中打开嵌入视频时，它将无法启动并完全阻止。你可以通过打开即可看到它 https://player.vimeo.com/video/XXXXXXXX?autoplay=1

在控制台日志中，您可以获得以下内容：

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.

Answer 1

您可以将background网址参数添加到iframe src：

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

如果您的视频有声音，您还可以再次导出视频而根本没有声道。比你可能根本不需要background param。

问题是Safari 11阻止所有视频自动播放，如果它们有声音。

即使视频（如我的情况）没有声级，但导出的声音没有音量。您可以在地址栏中看到sovolume图标：

Answer 2

因为safari不允许自动播放所有视频。 您可以添加mousemove事件侦听器。当鼠标移动时，视频开始播放。 然后你必须删除这个事件。

Answer 3

iOS支持：从iOS 10+开始支持视频的自动播放，但是在标签上需要playsinline属性。