Youtube 在 PWA 中播放带声音的视频不起作用答案

【问题标题】：Youtube playing a video with sound in PWA is not workingYoutube 在 PWA 中播放带声音的视频不起作用
【发布时间】：2022-01-17 23:03:58
【问题描述】：

我的应用过去可以使用 YouTube Iframe API 在 PWA 环境中播放带声音的视频，但在过去的几天里，这只有在之前有用户手势的情况下才能实现。允许静音播放，上述过程也不会产生错误。

【问题讨论】：

Chrome 只允许在用户点击/交互后播放声音。所以一般来说，当我对网站进行编码时，我会要求用户在网站上进行任何交互之前允许声音。但是在您的情况下，您可以显示一个模式询问用户是否发出声音，或者找到另一种 UX 友好的方式来做到这一点。见：developer.chrome.com/blog/autoplay
这是一个 PWA 环境，无需用户交互即可播放声音。
是的，如果安装了 PWA，则允许。你的应用安装了吗？ :)
是的，它已安装。
好的，我得看看这个谢谢

【解决方案1】：

Chrome 不再允许这样做：

Chrome 的自动播放策略很简单：

始终允许静音自动播放。在以下情况下允许自动播放声音：用户与域进行了交互（单击、点击等）。在桌面，用户的媒体参与指数阈值已被跨越，表示用户之前播放过有声视频。用户有将网站添加到他们在移动设备上的主屏幕或安装 PWA 桌面。顶级框架可以将自动播放权限委托给其 iframe 允许自动播放声音。

【讨论】：