如何使用CSS隐藏Vimeo控件栏

问题描述

我正在尝试停用插入到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;
 }

解决方法

你不能用 CSS 来做，但你可以将正确的查询参数传递给 src 属性。在您的情况下，它将是 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