自定义 Vimeo API 嵌入不在 Chrome 中自动播放答案

【问题标题】：Custom Vimeo API embed not autoplaying in Chrome自定义 Vimeo API 嵌入不在 Chrome 中自动播放
【发布时间】：2018-05-10 10:30:13
【问题描述】：

我对 Chrome 的新功能有一个非常具体的问题，即停止自动播放视频。

在我们的网站上，我们希望页面尽快加载，因此仅当用户选择点击观看视频时插入新的 Vimeo 嵌入对象。例如。我们主页上的showreel：

出现问题是因为我们使用了自己的自定义播放按钮，因此 Chrome 无法将其识别为用户交互，因此它不会认为用户选择观看视频，因此它会阻止自动播放选项（在 Safari 中运行良好）。

我想知道是否有其他人遇到过这个问题，是否有人能想到解决方法？

谢谢！

【问题讨论】：

【解决方案1】：

在 Vimeo 的 VOD 主页上，您可以找到一种用于此类案例的技术。 https://vimeo.com/ondemand

您可以在用户将鼠标悬停在您的自定义播放按钮上时预加载 Vimeo 播放器，以便在他们单击 Vimeo player.js API 时开始播放。 player.play()

如果这还不够，可能需要在页面加载时加载播放器并保持隐藏状态，按下按钮显示播放器并使用 API 启动播放。

【讨论】：