在搜索中,我遇到了这个说 Vimeo 还不支持它。但我想知道是否有人仍然找到解决它的聪明方法?
https://vimeo.com/forums/topic:37769
这是一张图片:
只是想更新任何对此有新看法的人。现在,通过使用实验性功能,似乎可以在没有任何控件的情况下嵌入视频:background=1
然后您可以使用js-api来控制视频(暂停、播放等)。
<iframe src="https://player.vimeo.com/video/76979871?background=1"
width="500" height="281" frameborder="0" webkitallowfullscreen
mozallowfullscreen allowfullscreen>
</iframe>
请参阅此处的论坛帖子:https ://vimeo.com/forums/help/topic:278001
2020答案
将控件选项设置为false
var options = {
id: '116582567',
width: '800',
controls: false
}
Player = new Vimeo.Player('video', options);
Player.play();
<script src="https://player.vimeo.com/api/player.js"></script>
<div id="video"></div>
在您的 Vimeo 帐户中,转到您要嵌入的视频,然后转到“设置”>“嵌入”。在那里启用“显示播放栏”选项。这将消除视频图像中间的播放按钮,但会在图像底部显示播放栏。据我所知,这是非此即彼的。我希望能够隐藏两者,因此您只需看到视频的干净海报框架并单击它即可开始播放。如果有人知道怎么做,请告诉我。
我希望这不违反 Vimeo 规则,但可以隐藏这些按钮。
<!-- Video original height is 280px -->
<style type="text/css" media="screen">
#wrapper {
overflow: hidden;
position: relative;
width: 500px;
height: 560px; /* height x 2 */
}
#wrapper iframe {
position: absolute;
left: 0px;
top: -140px; /* video height / 2 */
}
</sytle>
<div id="wrapper">
<iframe id="player1"
src="http://player.vimeo.com/video/83762493?loop=1&autoplay=1"
width="500" height="560" <!-- vide height x 2 -->
frameborder="0">
</iframe>
</div>