我想删除已嵌入的vimeo视频中出现的黑条。我正在分享代码的链接。 JSFiddle Link
<div class="embed-container">
<iframe src="https://player.vimeo.com/video/86019637?title=0&byline=0&portrait=0&color=ffffff&autoplay=1" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
iframe{
width:570px;
height:250px;
}
左右有2个黑条。我们想删除黑条。你能帮忙做些什么来消除它吗?我们应该保持宽高比。请放轻松我,我不是技术人员。谢谢。
答案 0 :(得分:0)
使用height
和width
vh
之类的
.embed-container {
width: 570px;
height: 250px;
}
iframe {
width: 100%;
height: 100vh;
}
视频具有纵横比,它将维持视频的原因,当您全屏显示时,条形图会消失。