제한 HTML5 비디오의 최소 크기

Question

I HTML5 비디오에 다음과 같은 HTML이 있습니다

<video id="video1" autoplay> 
     <source src="static/video/5986637.mp4" type="video/mp4"/> 
     Your browser does not support the video tag. 
</video> 

CSS :

video 
{ 
width: 100% !important; 
height: auto !important; 
position:fixed; 
} 

내가 높이까지 같은 CSS의 폭과 높이를 유지하려면 동영상의 크기가 특정 값보다 작습니다. 특정 값보다 작 으면 높이가 변경되지 않고 너비는 여전히 100 %를 유지합니다. 그래서 CSS/Javascript에서해야 할 일은 무엇입니까? 감사.

Answer 1

CSS 최소 높이를 사용할 수 있습니다. 자세한 정보 : https://developer.mozilla.org/en-US/docs/Web/CSS/min-height

video { 
    min-height: 200px; 
}