如何使用 CSS 隐藏 Vimeo 控制栏

Question

我正在尝试停用插入了 link 到 vimeo 视频的 iframe 上的分钟栏。
这是我输入的 CSS，但它不起作用。如果我在浏览器控制台中更改它，它就会起作用。

  <iframe src="https://player.vimeo.com/video/4766864944" width="640" height="480" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ready="true"></iframe>

CSS
.player .vp-controls .play-bar {

 display: none;
 }

Answer 1

你不能用 CSS 做，但你可以将正确的查询参数传递给 src prop。在你的情况下它将是 controls=0

  <iframe src="https://player.vimeo.com/video/4766864944?controls=0" width="640" height="480" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ready="true"></iframe>

有关更多信息，您可以查看此 link

如何使用 CSS 隐藏 Vimeo 控制栏

How to hide Vimeo controls bar using CSS

vimeo

vimeo-api

vimeo-player