onloadeddata 이벤트

정의와 사용법

현재 프레임의 데이터가 로드되었지만, 다음 프레임을 재생할 수 있는 데이터가 충분하지 않을 때 onloadeddata 이벤트가 발생합니다.

오디오/비디오의 로드 중에는 다음 순서로 다음 이벤트가 발생합니다:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

예제

예제 1

현재 프레임 데이터가 사용 가능할 때 JavaScript를 실행합니다. (video에 대해)

<video onloadeddata="myFunction()">

본인이 직접 시도해 보세요

예제 2

현재 프레임의 데이터가 사용 가능할 때 JavaScript를 실행합니다. (audio에 대해)

<audio onloadeddata="myFunction()">

본인이 직접 시도해 보세요

문법

HTML에서:

<element onloadeddata="myScript">

본인이 직접 시도해 보세요

JavaScript에서:

object.onloadeddata = function(){myScript};

본인이 직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

object.addEventListener("loadeddata", myScript);

본인이 직접 시도해 보세요

주의사항:인터넷 익스플로러 8 이상의 버전은 지원하지 않습니다. addEventListener() 메서드.

기술 세부 사항

버블링: 지원하지 않음
취소 가능: 지원하지 않음
이벤트 유형: 이벤트
지원되는 HTML 태그: <audio>와 <video>
DOM 버전: 레벨 3 이벤트

브라우저 지원

표에 나타난 숫자는 이 이벤트를 최초로 지원하는 브라우저 버전을 나타냅니다.

이벤트 크롬 인터넷 익스플로러 파이어폭스 사파리 오페라
onloadeddata 지원 9.0 지원 지원 지원