Vimeo嵌入Squarespace：在加载时隐藏控件，在悬停时显示

Question

此处是新的Squarespace，Vimeo和iFrame用户。我正在为非营利组织做一些工作，他们要求我创建一个包含10个视频的“推荐”页面，每个视频的控件仅在悬停时才会显示。

有载/无效状态

当视频加载时，不应有任何控件；分享或标题/副标题可见。

悬停时，用户应该看到播放器控件。

给出基本的iFrame嵌入代码：

<iframe src="https://player.vimeo.com/video/58659769" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

✅?title=0&byline=0&portrait=0摆脱了Vimeo帐户的标题，所有者名称和所有者头像，而不管其付款状态如何。这是朝正确方向迈出的一步！
🛑?controls=0摆脱了Pro +视频的所有控件，这是所需的开始状态。但是，播放视频的唯一方法是通过autoplay=1：https://developer.vimeo.com/player/sdk/embed。此功能不适用于页面上的多个视频。另外，我们没有付费的Vimeo帐户。
🛑在页面加载后在我的开发工具面板中使用{ display: none; }定位元素时有效。但是，我无法通过“自定义CSS”面板产生相同的效果-我怀疑由于Vimeo服务器端的限制。（它首先隐藏元素，然后在约3秒后渲染它们。）
🛑我无法通过开发人员模式将自定义Javascript注入网站，因为我们仅使用基本的Squarespace，因此目前阻止了所有JS解决方案。但是，我也许可以让他们付费以升级Squarespace，因此欢迎使用JS解决方案！
🛑将<script>标签插入到嵌入模式中不会执行代码

我知道从Vimeo开发端这是可能的，因为当我开始播放视频时，就会发生所需的事件。暂停正在播放的视频后，控件消失，然后在视频上移动鼠标时重新出现。

我能找到的最接近的东西是使用Frogaloop（https://forum.webflow.com/t/play-vimeo-video-on-hover-from-a-cms-collection/78458）。但是，由于JavaScript的限制，我不知道如何在Squarespace中执行类似的操作。

视频静止图像仅供测试，因为我知道它已使用Vimeo Plus帐户上传到用户。感谢Bianca Giaever！ https://vimeo.com/58659769

此处是新的Squarespace，Vimeo和iFrame用户。我正在为非营利组织做一些工作，他们要求我创建一个包含10个视频的“推荐”页面，每个视频的控件仅在...

Answer 1

我能够与@VimeoStaff Twitter帐户上的人联系，他们为我提供了以下答案。

TL; DR：尝试执行的操作是不可能的，但是有一些（次优的）解决方法。