HTML 참조 매뉴얼

HTML 태그 전체

HTML 오디오/비디오 DOM play 이벤트

play 이벤트는 재생이 시작될 때 발생됩니다.

온라인 예제

비디오가 재생될 때 표시되는 알림 메시지:

예제

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML 오디오/비디오 onplay 이벤트 사용-기본 강의(oldtoolbag.com)</title>
</head>
<body>
<p>재생 버튼을 누르세요。</p>
<video id="myVideo" width="320" height="176" controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　당신의 브라우저는 HTML을 지원하지 않습니다5　video 태그.
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onplay　=　function()　
{
　　　　alert("비디오가 재생되기 시작했습니다");
};
</script>　
</body>
</html>

테스트 보기 ‹/›

정의와 사용법

play 이벤트가 오디오/비디오(audio/video) 재생될 때 발생.

참고: 　pause 이벤트가 오디오/비디오(audio/video) 일시 중지될 때 발생.

브라우저 호환성

IEFirefoxOperaChromeSafari

문법

HTML에서:

<audio|video onplay="myScript">시도해 보세요

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

audio|video.addEventListener("play", myScript);시도해 보세요

주의: Internet Explorer 8 및 이전 IE 버전은 지원하지 않습니다 addEventListener() 메서드.

기술 세부 사항

지원되는 HTML 태그:	<audio>과 <video>
지원되는 JavaScript 객체:	오디오, 비디오

온라인 예제

오디오가 재생될 때 표시되는 알림 메시지:

예제

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML 오디오/비디오 play 이벤트 사용-기본 강의(oldtoolbag.com)</title>
</head>
<body>
<p>재생 버튼을 누르세요。</p>
<audio　id="myAudio"　controls>
　　<source　src="horse.ogg"　type="audio/ogg">
　　<source　src="horse.mp3"　type="audio/mpeg">
　　您的浏览器不支持 audio 元素。
</audio>
<script>
var　aud　=　document.getElementById("myAudio");
aud.onplay　=　function()　
{
　　　　alert("오디오가 재생되기 시작했습니다");
};
</script>
</body>
</html>

테스트 보기 ‹/›

HTML 오디오/비디오 DOM 참조 가이드

HTML: <template> 태그