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/

在Safari 11上自动播放视频

1 个答案: