HTML 오디오/비디오 DOM ratechange 이벤트
예시
비디오의 재생 속도를 변경하고 속도가 변경되었음을 알립니다.
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Set the current playback speed of the video to 0.3 (slow motion)
function setPlaySpeed() {
vid.playbackRate = 0.3;
}
// Assign a ratechange event to the <video> element, and execute a function if the playing speed of the video is changed. The function will alert some text
vid.onratechange = function() {myFunction()};
function myFunction() {
alert("The playing speed of the video was changed");
}
정의 및 사용
ratechange 이벤트는 오디오/비디오의 재생 속도가 변경될 때 발생합니다(예: 사용자가 슬로우 모션 또는 빨리 감기 모드로 전환하는 경우).
이 이벤트는 오디오/비디오의 현재 재생 속도를 설정하거나 반환하는 오디오/비디오 개체의 playbackRate 속성에 의해 호출됩니다.
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Event | |||||
---|---|---|---|---|---|
ratechange | Yes | 9.0 | Yes | Yes | Yes |
통사론
HTML:
<audio|video onratechange="myScript">
자바스크립트:
audio|video.onratechange=function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
audio|video.addEventListener("ratechange", myScript);
기술적 세부 사항
지원되는 HTML 태그: | <오디오>와 <비디오> |
---|---|
지원되는 JavaScript 객체: | 오디오 비디오 |
❮ HTML 오디오/비디오 DOM 참조