HTML 참조 매뉴얼

HTML 태그 전체

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

playing 이벤트는 재생이 시작될 준비가 되었을 때(이전에 일시 중지되었거나 데이터 부족으로 일시 중지되었을 때) 발생합니다

온라인 예제

비디오 재생 중 표시할 알림 메시지:

예제

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/비디오 onplaying 이벤트 사용-기본 가이드(oldtoolbag.com)</title>/title>
</head>
<body>
<p>비디오를 재생하고, 일시 중지한 후 다시 재생하세요。</p>
<video　id="myVideo"　width="320"　height="176"　controls>
　　<source　src="mov_bbb.mp4"　type="video/mp4">
　　<source　src="mov_bbb.ogg"　type="video/ogg">
　　您的浏览器不支持　HTML5　video 태그.
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onplaying　=　function()　
{
　　　　alert("비디오가 재생 중입니다");
};
</script>　
</body>
</html>

테스트를 보고 보세요 ‹/›

정의 및 사용법

playing 이벤트가 오디오/비디오(audio/video)이 버퍼링으로 인해 일시 중지되거나 멈춘 후 준비가 되었을 때 발생합니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

문법

HTML에서:

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

JavaScript에서:

audio|video.onplaying=function(){myScript};시도해 보세요

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

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

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

기술 세부 사항

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

온라인 예제

오디오 재생 중 표시할 알림 메시지:

예제

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/비디오 onplaying 이벤트 사용-기본 가이드(oldtoolbag.com)</title>/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.onplaying = function()　
{
　　　　alert("오디오가 재생 중입니다");
};
</script>
</body>
</html>

테스트를 보고 보세요 ‹/›

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

HTML: <template> 태그