최신 웹 개발 튜토리얼
 

HTML 오디오 / 비디오 DOM의 durationchange 이벤트

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

비디오의 지속 시간이 변경되었음을 경고 :

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

지정된 오디오 / 비디오의 듀레이션 데이터가 변경 될 때 durationchange 이벤트가 발생한다.

참고 : 오디오 / 비디오가로드되면, 기간이 변경됩니다 "NaN" 오디오 / 비디오의 실제 시간에.

오디오 / 비디오의 로딩 과정 동안에, 다음 이벤트가 순서대로 발생

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

브라우저 지원

표의 수치는 완전히 이벤트를 지원하는 제 브라우저 버전을 지정.

행사
durationchange 9.0

통사론

HTML에서 :

< audio|video ondurationchange="myScript"> Try it

자바 스크립트에서 :

audio|video .ondurationchange=function(){myScript}; Try it

자바 스크립트에서, 사용 addEventListener() 메서드를 :

audio|video .addEventListener("durationchange", myScript ); Try it

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.


기술적 세부 사항

지원되는 HTML 태그 : <audio> and <video>
지원되는 자바 스크립트 객체 : Audio, Video

더 예

오디오의 지속 시간이 변경되었음을 경고 :

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
»그것을 자신을 시도

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