HTML 오디오/비디오 DOM 로드 데이터 이벤트

❮ HTML 오디오/비디오 DOM 참조

예시

현재 프레임에 대한 데이터를 사용할 수 있음을 경고합니다(<비디오>의 경우):

var vid = document.getElementById("myVideo");
vid.onloadeddata = function() {
    alert("Browser has loaded the current frame");
};

아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.


정의 및 사용법

loadingdata 이벤트는 현재 프레임에 대한 데이터가 로드되었지만 지정된 오디오/비디오의 다음 프레임을 재생하기에 데이터가 충분하지 않을 때 발생합니다.

오디오/비디오 로딩 과정에서 다음과 같은 이벤트가 이 순서대로 발생합니다.

  1. 로드스타트
  2. 지속 시간 변경
  3. 로드된 메타데이터
  4. 로드된 데이터
  5. 진전
  6. 놀 수있다
  7. 캔플레이스루

브라우저 지원

표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Event
loadeddata Yes 9.0 Yes Yes Yes

통사론

HTML:

<audio|video onloadeddata="myScript">

자바스크립트:

audio|video.onloadeddata=function(){myScript};

JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.

audio|video.addEventListener("loadeddata", myScript);

기술적 세부 사항

지원되는 HTML 태그: <오디오>와 <비디오>
지원되는 JavaScript 객체: 오디오 비디오

더 많은 예

예시

현재 프레임에 대한 데이터를 사용할 수 있음을 경고합니다(<오디오>의 경우):

var aud = document.getElementById("myAudio");
aud.onloadeddata = function() {
    alert("Browser has loaded the current frame");
};

❮ HTML 오디오/비디오 DOM 참조