javascript - 面临给用户提供取消静音自动播放Vimeo iframe嵌入的选项的麻烦

Question

在您得出任何结论之前-我知道由于最近的chrome更新，如果用户未与页面互动，则自动播放的视频将无法播放音频。
我的问题源于以下事实:即使用户与页面进行了交互，该自动播放的视频也拒绝取消静音并暂停。我认为这与Vimeo内嵌的视频有关，所以我想知道我能做些什么来解决我的问题。
我面临的问题的模型:
link
谢谢!

Answer 1

当我看您的示例时(很好的触摸，非常有帮助)，如果我几次单击视频，然后单击您的按钮，则Vimeo视频会按预期取消静音(没有错误)。

如果您在阅读上述错误(https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)时重新阅读了Chrome链接的文档，则会注意到:

Autoplay with sound is allowed if:

• User has interacted with the domain (click, tap, etc.).

要注意的关键是 域。

iframe是与托管页面不同的域(发生点击，也就是交互)。这可能是为什么您的域(与用户单击时与之交互的域相同)中托管的第二个视频正在运行的原因。

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