HTML <video> width 속성

HTML <video> 태그

정의와 사용법

width 속성은 비디오 플레이어의 너비를 픽셀로 지정합니다.

힌트:항상 비디오의 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 width="pixels">

속성 값

값 설명
pixels 비디오의 너비는 픽셀 단위로 표시됩니다 (예: width="100").

브라우저 지원

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

챔بر레인 에지 파이어폭스 사파리 오페라
챔بر레인 에지 파이어폭스 사파리 오페라
4.0 9.0 3.5 3.1 11.5

HTML <video> 태그