Vimeo播放器iframe高度

我在我的網站主頁上有Vimeo播放器iframe。我的意圖是在瀏覽器窗口中以全角 - 邊緣到邊緣 - 同時保留寬高比並避免黑條。所以視頻填滿了大部分區域。Vimeo播放器iframe高度

我有這個CSS應用到VIMEO播放器吧：

.fluidVideoWrapper { 
    padding: 0; 
    width: 100%; 
    height: 20em; 
    position: relative; 
} 

.fluidVideoWrapper iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

的20em就是這樣你們可以看到它在頁面上。當我將高度設置爲100%時，它消失，高度似乎變成0。

的什麼，我想嘗試這裏可以看到，向下滾動到VIMEO播放器的一個例子：vsco.co

任何人都可以提出此修復？

來源

2013-06-11 Keir

嘗試使.fluidVideoWrapper容器position: absolute;太多，使寬度和高度是100％

來源

2013-06-11 18:25:05

你的先生，是個天才。帽子給你，謝謝。 – Keir

或試試這個http://okfoc.us/okvideo/ – 2013-06-11 18:44:40

Vimeo播放器iframe高度

回答

相關問題