onvolumechange 이벤트

DOM 이벤트 Event 객체

정의와 사용법

비디오/오디오 볼륨이 변경될 때마다 onvolumechange 이벤트가 발생합니다。

이 이벤트는 다음과 같은 경우로 인해 발생합니다：

  • 볼륨을 증가하거나 감소시키기
  • 미디어 플레이어를 조용히 하거나 소리를 내는 것

안내：오디오/비디오 객체의 volume 속성 오디오/비디오 볼륨을 설정하거나 반환하는 데 사용됩니다。

예제

예제 1

비디오 볼륨이 변경될 때 JavaScript를 실행합니다：

<video onvolumechange="myFunction()">

자신이 직접 시도해보세요

예제 2

오디오 볼륨이 변경될 때 JavaScript를 실행합니다：

<audio onvolumechange="myFunction()">

자신이 직접 시도해보세요

예제 3

volume 속성을 사용하여 볼륨을 설정하십시오：

document.getElementById("myVideo").volume = 0.2;

자신이 직접 시도해보세요

문법

HTML에서：

<element onvolumechange="myScript">

자신이 직접 시도해보세요

JavaScript에서：

object.onvolumechange = function(){myScript};

자신이 직접 시도해보세요

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

object.addEventListener("volumechange", myScript);

자신이 직접 시도해보세요

주의사항：Internet Explorer 8 또는 이전 버전은 지원하지 않습니다 addEventListener() 메서드。

기술 세부 사항

버블링： 지원하지 않음
취소 가능： 지원하지 않음
이벤트 유형： Event
지원하는 HTML 태그： <audio> 과 <video>
DOM 버전： 레벨 3 이벤트

브라우저 지원

표에 나타난 숫자는 이 이벤트를 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
onvolumechange 지원 9.0 지원 지원 지원
DOM 이벤트 Event 객체