2014-03-25 280 views
0

我想設置我的視頻與100%的寬度,但不是100%的高度,而是我需要設置自定義高度。視頻與寬度:100%和自定義高度:

我的HTML:

<div id="video-player"> 
    <video width="1905px" height="800" autoplay > 
     <source src="video/earth.mp4" type="video/mp4"> 
    </video> 
</div> 

我的CSS:

video { 
    width: 1905px !important; 
    height: 800px !important; 

} 

它設置一個寬度爲100%,但也設置了100%Heightm overpassing高度,我需要。

任何解決方案?

+0

難道你不只是將你的視頻的寬度設置爲其容器的100%?無論什麼高度,最終的財產將被設置。此外,你不想保持比例的比例,而不是放在一些猜測的高度? – KLVTZ

回答

0

首先,從視頻打開標記中刪除寬度和高度屬性。現在寫在CSS中,

video{ 
width:100%; 
} 

這將適用於包括手機和標籤的所有設備。

相關問題