gpt4 book ai didi

html - Vimeo 全宽

转载 作者:技术小花猫 更新时间:2023-10-29 12:35:42 27 4
gpt4 key购买 nike

<分区>

我正在尝试在网页中全宽显示一个 vimeo 视频。

现在是这样的:

enter image description here

如您所见,黑色是全宽但不是视频。它应该是全宽的,不显示控件,自动播放和循环播放。

我的代码现在看起来像这样:

<iframe src="https://player.vimeo.com/video/208176323?autoplay=1&loop=1&background=1" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

客户端有 vimeo plus 但没有 vimeo pro。谁能帮我解决这个问题。

更新:

我已经将我的代码更改为:

<style>
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
max-width: 100%; height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>

<div class='embed-container'><iframe src='https://player.vimeo.com/video/208791851?autoplay=1&loop=1&background=1' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

但我的底部和顶部仍然有黑色边框。

enter image description here

我创建了一个 jsfiddle,您还可以在其中看到:https://jsfiddle.net/07fkfwz3/ .还有你能看到的视频here没有任何边界。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com