如何绕过 Safari 自动播放阻止

Question

我正在开发一个网站，其核心功能之一是播放音乐。它可以在除 Safari 之外的任何浏览器上完美运行。经过数小时的调查，我在 Safari 中发现了一个设置，阻止网站自动播放媒体。

一旦我禁用了这个功能（所以我允许自动播放媒体），在 Safari 上也可以完美地播放音乐。

我现在需要找到一种方法来绕过 Safari 作为默认设置实施的自动播放媒体块。我试着用谷歌搜索，但像我这样的任何问题都没有得到解决，至少从我发现的情况来看是这样。

我知道这是可以解决的，因为许多流行网站（即 Netflix、Youtube、Soundcloud、Spotify 等）都可以在 Safari 上完美运行。

任何帮助都会很棒，谢谢！

Answer 1

这是在 Safari 11 中为用户提供方便和舒适而实施的一项新功能。虽然它更多的是为了阻止网站在图书馆中间自动播放广告或中断用户的音乐，但它肯定会妨碍网站，例如你的也是。

我建议不要试图绕过它，因为你可能不能。相反，检测您的访问者是否在使用 Safari，并显示一个上下文弹出窗口，向他们解释他们如何在您的网站上启用自动播放媒体。这使您的用户可以完全控制他们的浏览体验。

Answer 2

是的，最好不要像 jono 所说的那样阻止 safari 的默认设置。而是在您的网站上检测传入的请求是否来自 safari 浏览器使用

var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification));

或

function GetBrowser()
{
    return  navigator ? navigator.userAgent.toLowerCase() : "safari";
}
var isSafari = GetBrowser();

如果 (isSafari == true ) //做你的选择