無法使用YouTube和響應來調整容器大小

Question

http://m.mits.remax.ca/ 上述鏈接中，youtube和標題之間存在巨大差距。我試圖尋找到處，仍然無法找到出錯的地方。

起初，我經常使用YouTube的iframe，並集中視頻，但我發現它沒有響應這種方式，所以我發現了一些在線CSS，並添加它工作正常，但我試圖使視頻75％，而不是100％，但發生了75％的差距。

有人能幫我一下嗎？

我發現和使用的CSS是

.video-container { 
     position: relative; 
     padding-bottom: 56.25%; 
     padding-top: 25px; 
     height: 0; 
    } 

    .video-container iframe, 
    .video-container object, 
    .video-container embed { 
     position: absolute; 
     top: 0; 
     left: 12.5%; 
     width: 75%!important; 
     height: 75%!important; 
    } 

Answer 1

height: 75%;在你的視頻是造成視頻和頭之間的巨大差距。您可以調整它，例如：100%。如果您想調整高度，請不要將視頻高度設置爲75%，而是將padding-bottom設置爲.video-container。

編輯

我只是嘗試這樣做：

.video-container { 
    padding-bottom: 37.25%; 
    margin-bottom: 30px; 
} 
.video-container iframe { 
    height: 100% !important; 
} 

這是我所得到http://take.ms/Zh8eq 讓我知道這是你在找什麼。

我的CSS看起來像

.video-container { 
    position: relative; 
    padding-bottom: 37.25%; 
    padding-top: 25px; 
    height: 0; 
    margin-bottom: 30px; 
} 
.video-container iframe, 
.video-container object, 
.video-container embed { 
    position: absolute; 
    top: 0; 
    left: 12.5%; 
    width: 75%!important; 
    height: 100%!important; 
}