HTML에서 onemptied 속성을 사용하면 미디어 파일을 사용할 수 없거나 재생 목록이 비어 있을 때 특정 스크립트를 실행할 수 있습니다. 이 이벤트는 주로 <video>나 <audio> 요소에서 재생 목록이 갑자기 비게 되는 상황에 발생합니다.
onemptied 속성의 동작 방식
onemptied는 HTML5 미디어 이벤트 중 하나로, 미디어 요소가 예기치 않게 비어 있는 상태가 되었을 때 트리거됩니다. 네트워크 오류나 소스 파일 누락 등으로 인해 콘텐츠를 더 이상 사용할 수 없는 경우 유용하게 활용할 수 있습니다.
예제 코드
다음 코드를 실행하면 onemptied 속성의 실제 동작을 확인할 수 있습니다. 비디오가 비어 있으면 경고창이 표시됩니다.
<!DOCTYPE HTML>
<html>
<body>
<video width = "300" height = "200" controls onemptied ="display()">
<source src = "/html5/foo.ogg" type = "video/ogg" />
브라우저가 video 요소를 지원하지 않습니다.
</video>
<script>
function display()
{
alert ("죄송합니다! 재생 목록이 비어 있습니다!");
}
</script>
</body>
</html>정리
onemptied 속성은 미디어 콘텐츠가 사라지거나 비어 있을 때 사용자에게 알림을 제공하거나 대체 동작을 처리하는 데 활용할 수 있는 실용적인 HTML 이벤트 핸들러입니다.