HTML onsuspend 속성 – 미디어 데이터 로딩이 중단될 때 스크립트 실행하기

HTML onsuspend 속성이란?

HTML에서 onsuspend 속성을 사용하면 미디어 데이터의 로딩이 중단되는 시점에 스크립트를 실행할 수 있습니다. 예를 들어 다운로드가 완료되어 더 이상 데이터를 가져올 필요가 없을 때 이 이벤트가 발생합니다.

onsuspend 이벤트가 발생하는 상황

• 다운로드가 일시적으로 중지(pause)된 경우
• 다운로드가 완료된 경우
• 미디어 재생이나 버퍼링이 중단(suspend)된 경우 등

지원 요소 및 브라우저 호환성

onsuspend 속성은 <video> 요소와 <audio> 요소에서 사용할 수 있습니다. 또한 Chrome, Firefox, Opera, Safari 등 대부분의 최신 웹 브라우저에서 정상적으로 동작하므로 크로스 브라우징 환경에서도 안심하고 활용할 수 있습니다.

사용 예시

<video controls onsuspend="onSuspendHandler()">
  <source src="sample.mp4" type="video/mp4">
  브라우저가 비디오 태그를 지원하지 않습니다.
</video>

<script>
function onSuspendHandler() {
  console.log("미디어 데이터 로딩이 중단되었습니다.");
}
</script>

위 예시처럼 onsuspend 속성에 실행할 자바스크립트 함수를 지정해 두면, 미디어 데이터 로딩이 중단되는 순간 해당 함수가 자동으로 호출됩니다. 이를 활용하면 로딩 상태 표시, 사용자 알림, 네트워크 사용량 최적화 등 다양한 기능을 구현할 수 있습니다.