多个自动播放 Vimeo 视频，但只有一个自动播放

Question

我一直在此处的论坛中搜索此问题的答案，但每个解决方案似乎都与我实际体验的有所不同。

有没有办法让所有 iframe vimeo 视频自动播放？我们使用 vimeo vids（静音）来代替资源贪婪的 GIF，但看起来只有一个视频自动播放，而其他视频则没有，即使它们都设置为自动播放和循环播放。

它随机选择要自动播放的视频和不自动播放的视频也很奇怪。

感谢您的建议！

https://stable.stable-demos.com/what-we-do/

Answer 1

您应该确保这些 Vimeo 嵌入代码包含 autopause=false 参数。如果您在一个页面上嵌入了多个 Vimeo 视频，则一次只能播放一个视频。

每个嵌入代码应如下所示：

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

此处记录了自动暂停和其他播放器参数：https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters

Answer 2

您可以通过使用参数?background=1 来实现此目的。如所述here...

添加这个参数会有以下效果：

1. 所有播放器切换和元素都将关闭（包括播放/暂停按钮！）
2. 视频将自动循环播放。
3. 视频将设置为自动播放。
4. 视频将被静音。

所有标有此标签的视频也将同时播放 (example)。

不幸的是，由于数据问题，自动播放在移动设备上可能很挑剔：autoplay will not work in Safari or Chrome on iOS if low power mode is enabled。有一些解决方法，但您可能希望在移动设备上隐藏视频以提高性能。有关自动播放限制和解决方法的更多信息，请访问here。