谷歌新的自动播放政策更改使 iframe 视频静音答案

【问题标题】：Muted Iframe video with googles new Autoplay Policy Changes谷歌新的自动播放政策更改使 iframe 视频静音
【发布时间】：2018-11-01 00:46:55
【问题描述】：

谷歌刚刚更新了“Autoplay Policy Changes”，但我想实现一个静音的自动播放 Vimeo 背景视频，在阅读了这篇文章后，我相信将以下内容添加到 iframe 中会起作用。

chrome 版本：68

allow="autoplay; fullscreen"

但没有运气，我不确定除了 JS API 之外还能尝试什么，我什至不知道它是否会有所作为。

<iframe src="https://player.vimeo.com/video/265188275?autoplay=1&loop=1&autopause=false&byline=false&title=false&byline=false&frameborder=0" allow="autoplay; fullscreen">

提前感谢您提供任何有用的建议。

【问题讨论】：

你引用的是什么文章？您使用的是哪个版本的 Chrome？我无法重现您使用嵌入代码描述的行为——它会按预期自动播放。
抱歉，我已经用这些信息更新了帖子

标签： google-chrome iframe vimeo autoplay

【解决方案1】：

如果您使用 Vimeo 嵌入式 iframe 播放器作为背景视频，则应使用带有背景参数的嵌入代码，而不是自动播放和循环参数：

<iframe src="https://player.vimeo.com/video/76979871?background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

background 参数将隐藏所有播放器按钮和元素（播放/暂停、播放栏、标题、署名等）、循环播放视频、自动播放视频和静音视频。最后一部分很重要——默认情况下，Chrome 将始终允许自动播放静音视频。对于在打开音频的情况下自动播放的视频，Chrome 使用“媒体参与指数”来确定浏览者在导航到您的页面时是否真的想要或期望带音频的视频自动播放。 Google 在此处记录了整个过程：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Vimeo 播放器的背景参数记录在这里：https://help.vimeo.com/hc/en-us/articles/115011183028-Embedding-background-videos

【讨论】：