최신 웹 개발 튜토리얼
 

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

<HTML 오디오 / 비디오 DOM 참조

속도가 변경되었다는 경고 비디오의 재생 속도를 변경 :

// 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 설정 또는 오디오 / 비디오의 현재 재생 속도를 반환하는 오디오 / 비디오 객체의 속성입니다.


브라우저 지원

표의 수치는 완전히 이벤트를 지원하는 제 브라우저 버전을 지정.

행사
ratechange 9.0

통사론

HTML에서 :

< audio|video onratechange="myScript"> Try it

자바 스크립트에서 :

audio|video .onratechange=function(){myScript}; Try it

자바 스크립트에서, 사용 addEventListener() 메서드를 :

audio|video .addEventListener("ratechange", myScript ); Try it

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.


기술적 세부 사항

지원되는 HTML 태그 : <audio> and <video>
지원되는 자바 스크립트 객체 : Audio, Video

<HTML 오디오 / 비디오 DOM 참조