Latest web development tutorials

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

HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조

팁 비디오에서 다운로드 :

myVid=document.getElementById("video1");
myVid.onprogress=alert("Downloading video");

»시도

정의 및 사용

브라우저 지정된 오디오 / 비디오를 다운로드하는 경우, 진행중인 이벤트가 발생한다.

오디오 / 비디오를로드하는 프로세스는 다음과 같은 이벤트 다음에 할 때 발생합니다

  1. 에 Loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. 진행
  6. canplay
  7. canplaythrough

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 progress 이벤트를 지원합니다.

참고 : 인터넷 익스플로러 8 이전 버전의 이벤트를 지원하지 않습니다.


문법

HTML에서 :

<audio|video onprogress=" SomeJavaScriptCode ">

자바 스크립트에서 :

audio|video .onprogress= SomeJavaScriptCode ;

하여 addEventListener ()를 사용하여

audio|video .addEventListener("progress", function()
{
//SomeJavaScriptCode
}
);

기술 세부 사항

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


예

더 많은 예제

HTML 요소에 속성으로 onProgress 사용

진행 이벤트를 수신하여 addEventListener ()를 사용


HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조