javascript - 静音自动播放视频显示错误 : play() failed because the user didn't interact with the document first.

Question

我正在尝试在页面的弹出窗口中制作 HTML5 视频自动播放(在静音状态下)。加载页面时隐藏弹出窗口。当用户尝试离开页面(从顶部)时，它会显示带有自动播放和静音功能的视频弹出窗口。然后我尝试用 JavaScript 播放视频，但它给出了这个错误:play() failed because the user didn't interact with the document first.

如果我点击页面上的某处或者在显示视频弹出窗口之前打开开发人员面板，它会正常工作。我正在使用 Flow Player，并且仅在 Google Chrome 中发布(在 FF 上运行良好)。

您能否就如何克服这个问题提出任何想法？

谢谢，J

Answer 1

谷歌浏览器更新了自动播放政策。 URL for reference

根据新行为:

1. 始终允许静音自动播放。
2. 在以下情况下允许有声自动播放:
   • 用户已与域进行交互(点击、点击等)。
   • 在桌面设备上，已超过用户的媒体参与指数阈值， 意味着用户之前播放过带声音的视频。
   • 在移动设备上，用户已将网站添加到他或她的主屏幕。
3. Top frames 可以将自动播放权限委托(delegate)给它们的 iframe，以允许自动播放声音。