Safari 11上的视频自动播放

Question

我注意到Safari 11浏览器视频不再自动播放。下面是我的代码，它在Chrome浏览器中工作，因为必须静音。它只显示海报图片。需要帮助。

<video width="100%" poster="poster_url.png" autoplay muted playsinline>
<source src="video_url.mp4" type="video/mp4">
</video>

- Jack

Answer 1

下面的内容在我使用的OSX 10.12.6上的Safari 11.1.2中自动播放。

<video width="100%" poster="poster_url.png" autoplay muted playsinline>
<source src="http://download.blender.org/peach/trailer/trailer_480p.mov" type="video/mp4">
</video>

规则经常发生变化，并且用户或组织也可以设置自己的偏好，因此 Safari 团队建议您始终在代码中检查视频是否能够自动播放：

规则经常发生变化，并且用户或组织也可以设置自己的偏好，因此 Safari 团队建议您始终在代码中检查视频是否能够自动播放：

var promise = document.querySelector('video').play();

if (promise !== undefined) {
    promise.catch(error => {
        // Auto-play was prevented
        // Show a UI element to let the user manually start playback
    }).then(() => {
        // Auto-play started
    });
}

目前为止的更多细节：

• https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

- Mick

---

@PaulSlocum - 你是指代码片段吗？我刚在Safari 12.01和OSX 10.13.16上测试了一下，它对我有效。也许你的浏览器设置了一些偏好来停止自动播放？视频有白色边框，如果你的浏览器窗口很小，滚动一下框可能值得看一下视频本身。 - Mick

停止自动播放是最新版本的默认设置。让每个访问您网页的人都去更改设置显然不是一个选项。您之前的回答是标准答案，但现在无法与默认浏览器设置配合使用。 - Paul Slocum

@PaulSlocum Safari 12.0.1是最新的Safari版本，我刚在两台不同的机器上验证了它以及上面的代码片段，再加上一个使用此代码作为额外检查的简单测试网站，都可以自动播放，而无需调整默认浏览器设置。也许我误解了你的评论？ - Mick

@PaulSlocum - 为了完整性，我还在运行最新版本的Safari的iOS 11.2.6上进行了测试，它也可以自动播放。 - Mick

无论我使用的Safari 11版本是什么，它都无法正常工作，但你是正确的，在MacOS和iOS上的Safari 12中似乎可以正常工作。 - Paul Slocum