我想删除已嵌入的vimeo视频中出现的黑条。我正在共享代码的链接。 JSFiddle Link

<div class="embed-container">
<iframe src="https://player.vimeo.com/video/86019637?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff&amp;autoplay=1" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>




iframe{width:570px;height:250px;}

左右有2个黑条。我们要删除黑条。您能帮忙删除它吗?我们应该保持宽高比。请放心,我不是技术专家。谢谢。

最佳答案

像这样使用heightwidth vh

.embed-container {
  width: 570px;
  height: 250px;
}

iframe {
  width: 100%;
  height: 100vh;
}


视频具有长宽比,它将保持不变,这就是视频看起来像的原因,当您全屏观看时,条形将消失。

关于html - 根据容器大小缩放vimeo视频,并删除黑条,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44548363/

10-12 00:46