javascript - 视频取消静音时无法通过 iframe API 播放 YouTube 视频

Question

自从 Chrome 更新到版本 72 后，我在 YouTube Iframe API 上运行的自定义播放器停止工作。它仍然可以在 Firefox 或 Chrome <= 71 上完美运行。

使用下面的代码，当函数 play() 被触发时，视频开始缓冲然后停止，不播放。

function onYouTubeIframeAPIReady() {
  ytIframe = $("#player")[0];
  ytPlayer = new YT.Player(ytIframe, {
    events: {
      'onReady': () => {},
      'onStateChange': () => {}
    }
  });
}

function play() {
  ytPlayer.playVideo();
}

让它工作的唯一方法是在 iframe src 上使用 mute=1 url 参数嵌入视频。但即使我这样做，如果我尝试在播放视频后取消播放器静音(使用 ytPlayer.unMute())，视频会再次停止。

关于这次 Chrome 72 更新有什么变化？这是 YouTube/Chrome 错误还是预期行为？

谢谢!

Answer 1

“player.play()”在最新版本的 chrome 上不起作用，我们可以通过将 allow="autoplay"属性添加到您的父 iframe 来解决这个问题

要了解根本原因，您可以查看:“发生了什么变化？” @ https://developers.google.com/web/updates/2019/01/user-activation