oncanplay 이벤트

DOM 이벤트 Event 대상

정의와 사용법

oncanplay 이벤트는 브라우저가 지정된 오디오/비디오를 재생할 수 있을 때 발생합니다(버퍼링이 재생을 시작할 수 있을 정도로 충분해질 때).

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

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

예제

예제 1

비디오가 재생 준비가 되면 JavaScript를 실행합니다:

<video oncanplay="myFunction()">

직접 시험해 보세요

예제 2

오디오가 재생 준비가 되면 JavaScript를 실행합니다:

<audio oncanplay="myFunction()">

직접 시험해 보세요

문법

HTML에서:

<element oncanplay="myScript">

직접 시험해 보세요

JavaScript에서:

object.oncanplay = function(){myScript};

직접 시험해 보세요

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

object.addEventListener("canplay", myScript);

직접 시험해 보세요

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

기술 세부 사항

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

브라우저 지원

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

이벤트 크롬 IE 파이어폭스 사파리 오페라
oncanplay 지원 9.0 지원 지원 지원
DOM 이벤트 Event 대상