[javascript/jquery] html video canplaythrough event example / html 비디오 태그 재생가능상태 확인하는 방법

[javascript/jquery] html video canplaythrough event example / html 비디오 태그 재생가능상태 확인하는 방법

 

 

html 에서

 

audio / video 태그를 사용하여

 

영상 또는 음성 파일을 재생하고자 할때

 

용량이 크면 로드되는 시간이 걸려서

 

재생이 가능한 상태인지 확인해야 하는 경우가 있습니다.

 

그럴때는

 

아래와 같이 canplaytorough 이벤트를 사용하시면 됩니다.

 

video.addEventListener('canplaythrough', () => {
  video.play();
});

 

위 내용 보시면 아시겠지만, 

 

위 이벤트가 호출되는 시점은,

 

영상 또는 음성파일이 중단없이 실행이

 

가능한 상태가 되었다고 판단될때 호출됩니다!

 

참고들 하세요!