oncanplaythrough 이벤트

정의와 사용법

브라우저가 지정된 미디어 자원을 끝까지 재생할 수 있을 것이라고 예측하면 oncanplaythrough 이벤트가 발생합니다.

오디오/비디오의 로드 중에는 다음 순서로 다음 이벤트가 발생합니다:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

예제

예제 1

비디오가 끊기지 않고 계속 재생될 때 JavaScript를 실행합니다:

<video oncanplaythrough="myFunction()">

직접 테스트해 보세요

예제 2

오디오가 끊기지 않고 계속 재생될 때 JavaScript를 실행합니다:

<audio oncanplaythrough="myFunction()">

직접 테스트해 보세요

문법

HTML에서:

<엘리먼트 oncanplaythrough="myScript">

직접 테스트해 보세요

JavaScript에서:

오브젝트.oncanplaythrough = function(){myScript};

직접 테스트해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

오브젝트.addEventListener("canplaythrough", myScript);

직접 테스트해 보세요

주의사항:인터넷 익스플로어 8 이상의 버전은 지원하지 않습니다. addEventListener() 메서드

기술 세부 사항

버블링: 지원하지 않음
취소 가능: 지원하지 않음
이벤트 유형: 이벤트
지원하는 HTML 태그: <audio>과 <video>
DOM 버전: 레벨 3 이벤트

브라우저 지원

표의 숫자는 이 이벤트를 최초로 지원하는 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
oncanplaythrough 지원 9.0 지원 지원 지원