HTML5에서 비디오의 너비와 높이를 올바르게 설정하는 방법

보통 다음과 같이 설정합니다:

(동영상 공유 학습: html 동영상 튜토리얼)

<video width="320" height="240" controls="controls">

하지만 때로는 동영상 높이를 설정한 후에도 변경되지 않은 경우 상위 항목을 설정할 수 있습니다. 비디오가 상위 요소를 채우는 요소의 너비와 높이입니다. 비디오 태그에 style="width= 100%; height=100%; object-fit: fill"을 추가하기만 하면 됩니다.

object-fit 구문

object-fit:fill | contain | cover | none | scale-down

object-fit 값 설명

object-fit은 주로