小编ale*_*sie的帖子

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

加载/非活动状态

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

悬停时

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

我尝试过的

给定基本的 iFrame 嵌入代码：

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

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