HTML 참조 매뉴얼

HTML 태그 전체 목록

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

볼륨을 변경할 때마다 volumechange 이벤트가 발생합니다.

온라인 예제

비디오 볼륨이 변경될 때 튜토리얼 메시지가 표시됩니다:

예제

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML 오디오/video onvolumechange 이벤트 사용-기본 강의(oldtoolbag.com)</title>/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.onvolumechange　=　function()　
{
　　　　alert("음량이 변경되었습니다");
};
</script>　　
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

비디오를 변경할 때마다/오디오의 볼륨이 변경될 때마다 volumechange 이벤트가 발생합니다.

이 이벤트가 참조되는 경우:

볼륨을 높이거나 낮추기
미니어처나 취소 미니어처

튜토리얼: Audio를 사용하여/Video 객체의 volume 속성을 사용하여 오디오/비디오（audio/비디오（audio）의 볼륨.

브라우저 호환성

IEFirefoxOperaChromeSafari

문법

HTML에서:

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

JavaScript에서:

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

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

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

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

기술 세부 사항

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

온라인 예제

오디오의 볼륨이 변할 때 튜토리얼 메시지가 표시됩니다:

예제

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML 오디오/video onvolumechange 이벤트 사용-기본 강의(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">
　　당신의 브라우저는 HTML을 지원하지 않습니다5　video 태그.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onvolumechange = function()　
{
　　　　alert("음량이 변경되었습니다");
};
</script>
</body>
</html>

테스트를 보세요 ‹/›

HTML 오디오/비디오 DOM 참조 매뉴얼

HTML: <template> 태그