Chrome浏览器中Vimeo iframe自动播放功能失效问题咨询

首先可以明确：Chrome的带音频媒体自动播放限制确实已经生效了，这就是你遇到问题的核心原因。

Chrome的自动播放规则逻辑是这样的：浏览器会阻止未满足条件的带声音视频自动播放，只有符合以下任一情况才允许：

• 用户已经和当前页面产生过交互（比如点击页面、滚动内容等）
• 视频被设置为静音状态
• 网站属于浏览器的自动播放白名单（像Netflix、Vimeo这类高访问量、用户交互频繁的官方站点，通常会被浏览器识别并纳入白名单，所以它们的自动播放视频能正常运行）

你的Vimeo iframe代码里没有添加静音参数，浏览器判定这是带声音的自动播放请求，所以直接阻止了。而你看到的Netflix和Vimeo官网的自动播放视频，要么是默认以静音状态启动（用户可以手动开启声音），要么就是因为站点在白名单内，不受普通限制。

要解决你的问题，最简单的办法就是给Vimeo的iframe URL加上muted=1参数，修改后的代码如下：

<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0&muted=1" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

如果你的需求必须是带声音自动播放，那只能引导用户先和页面进行一次交互（比如点击一个“开始播放”按钮），之后再触发视频自动播放——这是浏览器为了避免骚扰用户而设置的强制规则，没有绕开的办法哦。

内容的提问来源于stack exchange，提问作者GoE