根据容器大小缩放VIMEO视频并删除黑条

Question

我想删除出现在嵌入的VIMO视频中的黑条。我正在分享代码的链接。 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个黑条左右。我们想删除黑条。你能帮忙解决它吗？我们应该保持宽高比。请对我轻松，我不是技术人员。谢谢。

Answer 1

使用height和widthvh像

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

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

影片的长宽比，它会mainten这就是为什么视频的样子，当你做全屏条将消失。