HTML <video> height 속성

HTML <video> 태그

정의와 사용법

height 속성은 비디오 플레이어의 높이를 픽셀 단위로 정의합니다.

ヒント:항상 비디오의 height 와 width 속성이 속성이 설정되면 페이지 로드 시 비디오가 필요한 공간을 유지됩니다. 그러나 이 속성이 없으면 브라우저는 비디오의 크기를 알 수 없으며, 따라서 적절한 공간을 예약할 수 없습니다. 결과는 페이지 레이아웃이 로드 중에 변경됩니다(비디오 로드 시).

주의:사용하지 마세요 height 와 width 비디오 크기를 재조정하는 속성입니다! 이 속성을 사용하여 대형 비디오를 축소하면 사용자가 원본 비디오를 다운로드하게 됩니다.(页面에서는 작게 보이더라도). 올바른 방법은 웹에서 비디오를 사용하기 전에 프로그램을 사용하여 재조정하는 것입니다.

예제

정의된 높이와 너비를 설정한 비디오 플레이어:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  귀하의 브라우저는 비디오 태그를 지원하지 않습니다.
</video>

직접 테스트해 보세요

문법

<video height="pixels">

속성 값

값 설명
pixels 비디오의 높이, 픽셀 단위로 표시됩니다. 예를 들어 height="100".

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
4.0 9.0 3.5 3.1 11.5

HTML <video> 태그