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

Posted 2023-02-24

【中文标题】Youtube 在 PWA 中播放带声音的视频不起作用

【英文标题】：Youtube playing a video with sound in PWA is not working

【发布时间】：2022-01-17 23:03:58

【问题描述】：

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

【问题讨论】：

Chrome 只允许在用户点击/交互后播放声音。所以一般来说，当我对网站进行编码时，我会要求用户在网站上进行任何交互之前允许声音。但是在您的情况下，您可以显示一个模式询问用户是否发出声音，或者找到另一种 UX 友好的方式来做到这一点。见：developer.chrome.com/blog/autoplay

这是一个 PWA 环境，无需用户交互即可播放声音。

是的，如果安装了 PWA，则允许。你的应用安装了吗？ :)

是的，它已安装。

好的，我得看看这个谢谢

【参考方案1】：

Chrome 不再允许这样做：

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

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

来源：https://developer.chrome.com/blog/autoplay/

【讨论】：

请用文字替换图片。像这样的答案通常被否决/取消。

同意，请看Why not upload images of code/errors when asking a question?。

我确实了解该政策并且我有义务遵守，尽管我的问题是即使应用程序安装为 PWA，我也无法自动播放声音。

好的，在这种情况下，我们必须进行调查，但我认为我的回答对于一些有声音问题的人来说仍然是可靠的，看到你的帖子

@Ben 谢谢你的更新