根據容器大小縮放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這就是爲什麼視頻的樣子，當你做全屏條將消失。