面临问题让用户选择取消静音自动播放 vimeo iframe 嵌入

Posted

技术标签:

【中文标题】面临问题让用户选择取消静音自动播放 vimeo iframe 嵌入【英文标题】:facing trouble giving user option to unmute autoplaying vimeo iframe embed 【发布时间】:2020-01-11 23:03:35 【问题描述】:

在您得出任何结论之前,我知道由于最近的 chrome 更新,如果没有用户与页面交互,自动播放的视频将无法播放音频。 我的问题源于这样一个事实,即有问题的自动播放视频拒绝取消静音并暂停,即使用户已经与页面进行了交互。我认为这与它是从 Vimeo 嵌入的视频有关,所以我想知道我可以做些什么来解决我的问题。

我面临的问题模型: link

谢谢!

【问题讨论】:

【参考方案1】:

当我查看您的示例时(很好的接触,顺便说一句很有帮助),如果我点击视频几次,然后点击您的按钮,Vimeo 视频会按预期取消静音(没有错误)。

如果您重新阅读 Chrome 链接到的文档作为您声明的错误 (https://developers.google.com/web/updates/2017/09/autoplay-policy-changes) 的一部分,您会注意到:

在以下情况下允许自动播放声音:

用户与域进行了交互(点击、点击等)。

要注意的关键是

iframe 是与托管页面不同的域(点击,也就是交互发生的地方)。这可能就是为什么托管在您的域(用户点击时与之交互的域)上的第二个视频正常工作的原因。

这就是为什么,我不确定解决方法是什么,它可能需要允许用户使用播放器中的播放器控件取消视频静音。我很想知道你想出了什么解决方法。

【讨论】:

以上是关于面临问题让用户选择取消静音自动播放 vimeo iframe 嵌入的主要内容,如果未能解决你的问题,请参考以下文章

强制取消静音 HTML5 视频自动播放

我如何对 youtube 嵌入播放器进行编程以在单击时取消静音

在 Python 中静音/取消静音扬声器

VideoJS 播放器自定义静音/取消静音切换

Chrome中的静音自动播放仍然无法正常工作

检测静音|在 Android TV 上取消静音