MacOS High Sierra Safari 11限制了 video 自动播放

by Jack Pu

前些天 Apple 正式向用户推送了他们的新一代 Mac OS MacOS High Sierra 。这次带来了新的 Safari 浏览器，然而一个不好的消息，是 safari 重新制定了新的限播策略。点击这里 了解上个版本的播放限制策略调整。

现在网页用包含 video 或者 audio 的标签，如果涉及了 autoplay 属性，浏览器现在不再进行自动播放，而用户需要在 url 的状态栏进行设置（右击就好）：

里面会有三个选项：

  • 允许自动播放
  • 永不自动播放
  • 停止播放含有声音的媒体

官方也给了建议，你可以通过代码来监听是否自动播放：

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
    });
}

宝宝们，又要辛苦做兼容性修复了~

扩展阅读