예
동영상의 재생 위치가 변경되면, 초 영상의 현재 위치를 표시 :
// Get the <video> element with id="myVideo"
var vid =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <video> element, and execute a function if the current playback
position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
} »그것을 자신을 시도 자세한 내용은 아래 예 "자신을보십시오."
정의 및 사용
오디오 / 비디오의 재생 위치가 변경 될 때 timeupdate 이벤트가 발생합니다.
이 이벤트에 의해 호출된다 :
- 오디오 / 비디오 재생
- 재생 위치를 이동 (같은 경우 오디오 / 비디오의 다른 지점으로 사용자가 빨리 감기)
팁 : timeupdate 이벤트가 자주 함께 사용되는 currentTime을 된 초 오디오 / 비디오 재생의 현재 위치를 반환하는 오디오 / 비디오 객체의 속성.
브라우저 지원
표의 수치는 완전히 이벤트를 지원하는 제 브라우저 버전을 지정.
| 행사 | |||||
|---|---|---|---|---|---|
| timeupdate | 예 | 9.0 | 예 | 예 | 예 |
통사론
HTML에서 :
< audio|video ontimeupdate="myScript"> Try it 자바 스크립트에서 :
audio|video .ontimeupdate=function(){myScript}; Try it 자바 스크립트에서, 사용 addEventListener() 메서드를 :
audio|video .addEventListener("timeupdate", myScript ); Try it 참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.
기술적 세부 사항
| 지원되는 HTML 태그 : | <audio> and <video> |
|---|---|
| 지원되는 자바 스크립트 객체 : | Audio, Video |
더 예
예
오디오의 재생 위치가 변경되면, 초 음성의 현재 위치를 표시 :
// Get the <audio> element with id="myVideo"
var aud =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <audio> element, and execute a function if the current playback
position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
»그것을 자신을 시도 예
5 초로 현재의 재생 위치를 설정 currentTime을 속성을 사용 :
document.getElementById("myVideo").currentTime = 5;
»그것을 자신을 시도