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 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 团队建议您始终检查代码以查看视频是否能够自动播放：

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/