Latest web development tutorials

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

HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조

부피 변화는 영상 메시지를 팝업 때

var에 VID = document.getElementById를 ( "myVideo를");
vid.onvolumechange = 함수 () {
경고 ( "볼륨이 변경되었습니다.");
};

»시도

이 문서의 하단은 더 많은 예제가 포함되어 있습니다.


정의 및 사용

오디오 / 비디오에서 Volumechange 트리거 이벤트 (오디오 / 비디오) 부피 변화.

이 행사의 경우를 인용 :

  • 볼륨을 높이거나 감소
  • 음소거 또는 음소거 해제

팁 : 오디오 / 비디오 객체의 사용 볼륨 설정하거나 오디오 / 비디오 (오디오 / 비디오) 볼륨으로 돌아 속성을.


브라우저 지원

테이블의 수치는 이벤트의이 버전을 지원하는 최초의 브라우저를 나타냅니다.

행사
volumechange 9.0


문법

HTML에서 :

<오디오 | 비디오 onvolumechange = "MyScript를 "> 시도

자바 스크립트에서 :

오디오 | 비디오 .onvolumechange = 함수 () {MyScript를}; 시도

자바 스크립트는 addEventListener () 메서드를 사용합니다 :

오디오 | 비디오 .addEventListener ( "volumechange" , MyScript를) 시도

참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.


기술 세부 사항
지원되는 HTML 태그 : <오디오> 및 <비디오>
지원되는 자바 스크립트 객체 : 오디오, 비디오


예

더 많은 예제

오디오 볼륨 변경 메시지를 팝업 할 때 :

var에 AUD = document.getElementById를 ( "myAudio");
aud.onvolumechange = 함수 () {
경보 ( "볼륨 변경!");
};

»시도


HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조