如何設置視頻元素的高度和寬度百分比

我想給視頻width:100%; height:90%;。我有這樣的事情：如何設置視頻元素的高度和寬度百分比

<video id='video' > 
     <source src='test..mp4' type="video/mp4"> 
</video>

CSS

#video{ 
    display: block; 
    width:100%; 
    max-height:90%; 
    z-index: 1; 
    background-color: black; 
}

我似乎無法設置90％對於我的身高，除非我使用1200像素或1000像素。

我希望我的視頻覆蓋屏幕高度的90％。我該怎麼做呢？

2014-02-12 Links

看來你已經設置'MAX-height'，它可能不會被應用，你有沒有試過'高度： 90％'？ –

您是否記得在'html'和'body'上設置'height：100％'（並且在所有父元素上顯式高度）？ – thebjorn

max-height是一個限制，它不是「使它成爲90％」，它只是說不允許這個元素超過其父元素高度的90％。 –

你需要每一位家長元到100％的高度設置;

2014-02-12 19:57:59 MonteCarlo

只是改變最大高度爲身高只有

height:90%;

2014-02-12 19:50:06

你試過沒有設置寬度都和高度設置爲90％

#video{ 
    display: block; 
    max-height:90%; 
    z-index: 1; 
    background-color: black; 
}

2014-02-13 00:05:53 richfinelli

回答