HTML 오디오 / 비디오 DOM의 durationchange 이벤트
예
비디오의 팁 기간이 변경되었습니다 :
myVid=document.getElementById("video1");
myVid.ondurationchange=alert("The video duration has changed");
myVid.ondurationchange=alert("The video duration has changed");
»시도
정의 및 사용
당신은 시간 데이터 변경의 오디오 / 비디오 길이를 지정하면, durationchange 이벤트가 발생합니다.
상기 오디오 / 비디오가로드되면 길이는 실제 시간의 오디오 / 비디오에 "NaN이"를 할 것이다.
오디오 / 비디오를로드하는 프로세스는 다음과 같은 이벤트 다음에 할 때 발생합니다
- 에 Loadstart
- durationchange
- loadedmetadata
- loadeddata
- 진행
- canplay
- canplaythrough
브라우저 지원
모든 주요 브라우저는 durationchange 이벤트를 지원합니다.
참고 : 인터넷 익스플로러 8 이전 버전의 이벤트를 지원하지 않습니다.
문법
HTML에서 :
<audio|video ondurationchange=" SomeJavaScriptCode ">
자바 스크립트에서 :
audio|video .ondurationchange= SomeJavaScriptCode ;
하여 addEventListener ()를 사용하여
audio|video .addEventListener("durationchange", function()
{
//SomeJavaScriptCode
}
);
{
//SomeJavaScriptCode
}
);
기술 세부 사항
以下 HTML 标签支持: | <audio>, <video> |
---|---|
以下 JavaScript 对象支持: | Audio, Video |
더 많은 예제
HTML 요소에 속성 ondurationchange 사용
이벤트 durationchange을 수신하도록하여 addEventListener ()를 사용
HTML 오디오 / 비디오 DOM 참조