HTML 오디오/비디오 DOM 진행 이벤트

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

예시

비디오가 다운로드 중임을 경고:

var vid = document.getElementById("myVideo");
vid.onprogress = function() {
    alert("Downloading video");
};

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


정의 및 사용

브라우저가 지정된 오디오/비디오를 다운로드할 때 진행 이벤트가 발생합니다.

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

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

브라우저 지원

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

Event
progress Yes 9.0 Yes Yes Yes

통사론

HTML:

<audio|video onprogress="myScript">

자바스크립트:

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

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

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

기술적 세부 사항

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

더 많은 예

예시

오디오가 다운로드 중임을 경고합니다.

var aud = document.getElementById("myAudio");
aud.onprogress = function() {
    alert("Downloading audio");
};

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