Latest web development tutorials

HTML 비디오 height 속성

HTML 비디오 태그 참조 설명서 HTML <비디오> 태그

동영상의 특정 높이 및 폭 :

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>

»시도

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 높이 속성을 지원합니다.

참고 : 인터넷 익스플로러 8과 IE의 이전 버전은 <비디오> 태그를 지원하지 않습니다.


정의 및 사용

높이 속성 픽셀 비디오 플레이어의 높이를 지정한다.

팁 : 비디오의 소정의 폭과 높이가 좋은 습관이다. 이러한 속성을 설정하면 페이지가로드 될 때 비디오를위한 공간을 따로 설정합니다. 이러한 속성을 설정하지 않을 경우, 브라우저는 비디오의 크기를 미리 판별 할 수없는, 그래서 당신은 비디오에 적합한 공간을 예약 할 수 없습니다. 그 결과, 페이지를 로딩하는 과정에서, 그 배치가 변경됩니다.

참고 : 높이와 너비 속성으로 비디오를 확장하지 마십시오!높이와 폭 (이 페이지에 보이는 작은 경우에도) 영상에는 원래 동영상을 다운로드하는 사용자 강제 좁힐 속성. 올바른 접근하기 전에 비디오 압축을위한 소프트웨어를 사용하여 페이지에서 동영상을 사용하는 것이다.


HTML 4.01과 HTML5의 차이점

<비디오> 태그는 새로운 HTML5 태그입니다.


문법

<video height="pixels">

속성 값

描述
pixels 以像素计的高度值(比如 "100px" 或 100)。


HTML 비디오 태그 참조 설명서 HTML <비디오> 태그