如何使用 CSS 隐藏 Vimeo 控件栏答案

【问题标题】：How to hide Vimeo controls bar using CSS如何使用 CSS 隐藏 Vimeo 控件栏
【发布时间】：2020-11-09 14:37:30
【问题描述】：

我正在尝试停用 iframe 上的分钟栏，其中插入了指向 vimeo 视频的链接。
这是我放的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;
 }

【问题讨论】：

标签： vimeo vimeo-api vimeo-player

【解决方案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

【讨论】：