[attribute] HTML - preload 속성 - 페이지 로드 시, (오디오/비디오) 미디어파일을 로드할지 여부와 방법을 지정 (= preload속성 = 프리로드속성)

1. preload 예제 - <audio> 경우
2. preload 정의
3. preload 구문
4. preload 예제 - <video> 경우

preload 예제 - <audio> 경우

(예) 페이지 로드 시, 오디오 파일 로드 X

 

<audio controls preload="none">

  <source src="music.ogg" type="audio/ogg">

  <source src="music.mp3" type="audio/mpeg">

  당신 브라우저는 audio 태그 지원 X

</audio>

 

preload 정의

 

웹페이지 로드 시, (오디오/비디오) 미디어 파일을 로드할지 여부와 로드 방법 지정.

 

---

 

1. preload 속성 사용 가능 태그 종류

<audio>, <video>

 

2.

• 사용자에게 더 편리하다 생각되는 방식을 브라우저에 힌트 제공 가능. 
• 때론, 무시될 수도 있음.
• autoplay 속성 존재 시, 무시됨.

 

3.

IE9 이상 주요 최신 브라우저 모두 지원.

 

preload 구문

 

• <audio preload="auto|metadata|none">
• <video preload="auto|metadata|none">

 

---

[속성값]

 

auto

페이지 로드 시, 전체 파일 로드.

 

metadata

페이지 로드 시, 메타데이터만 로드.

 

none

페이지 로드 시, 미디어파일 로드 X

 

preload 예제 - <video> 경우

(예) 페이지 로드 시, 비디오 파일 로드 X

 

<video width="560" height="315" controls preload="none">

  <source src="movie.mp4" type="video/mp4">

  <source src="movie.ogg" type="video/ogg">

  당신 브라우저는 video 태그 지원 X

</video>