<video> 태그의 preload 속성
HTML <video> 태그 ⇒
정의 및 특징
<video> 태그의 preload 속성은 페이지가 로드될 때 비디오 파일이 같이 로드되어야 하는지 여부와 그 방법을 명시합니다.
preload 속성은 저자(author)가 생각하는 최적의 사용자 경험(user experience, UX)은 무엇인지에 대한 힌트를 브라우저에 제공해 줍니다.
단, autoplay 속성이 명시되어 있다면, preload 속성은 무시됩니다.
문법
|
<video preload="auto|metadata|none"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
auto |
저자는 페이지가 로드될 때 브라우저가 전체 비디오 파일도 같이 로드해야 된다고 생각함. |
|
| metadata |
저자는 페이지가 로드될 때 브라우저가 메타데이터(metadata)만 로드해야 된다고 생각함. |
|
| none |
저자는 페이지가 로드될 때 브라우저가 비디오 파일을 로드해서는 안 된다고 생각함. |
예제
<video height="180" width="288" preload="none" controls>
<source src="/examples/media/sample_video_ogg.ogg" type="video/ogg">
<source src="/examples/media/sample_video_mp4.mp4" type="video/mp4">
이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| preload | 3.0 | 지원함 | 9.0 | 4.0 | 3.1 | 지원함 |
HTML5에서 변경된 사항
<video> 태그는 HTML5에서 새롭게 추가된 요소입니다.
