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>

Answer 1

下面的自动播放在 OSX 11.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 团队建议您始终签入代码以查看视频是否能够自动播放：

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/