HTML 오디오 / 비디오 DOM의 timeupdate 이벤트
예
비디오 재생 위치가 변경되면, 현재의 비디오 재생 위치 (일초 카운트)를 표시
ID = "myVideo를"의 <동영상> 요소를 가져옵니다 //
var에 VID = document.getElementById를 ( "myVideo를");
// ontimeupdate 이벤트 추가 <동영상> 요소는 현재의 재생 위치 변경 기능이 실행되면
vid.ontimeupdate = 함수 () {하여 myFunction ()};
myFunction 함수 () {
// 디스플레이 식 비디오 재생 위치에서 <p> 요소의 "데모"
. 중요 document.getElementById는 innerHTML을 = vid.currentTime ( "데모");
}
var에 VID = document.getElementById를 ( "myVideo를");
// ontimeupdate 이벤트 추가 <동영상> 요소는 현재의 재생 위치 변경 기능이 실행되면
vid.ontimeupdate = 함수 () {하여 myFunction ()};
myFunction 함수 () {
// 디스플레이 식 비디오 재생 위치에서 <p> 요소의 "데모"
. 중요 document.getElementById는 innerHTML을 = vid.currentTime ( "데모");
}
»시도
이 문서의 하단은 더 많은 예제가 포함되어 있습니다.
정의 및 사용
오디오 / 비디오 Timeupdate 트리거 이벤트 (오디오 / 비디오)의 재생 위치가 변경된다.
이 이벤트는 다음과 같은 상황에서 호출 할 수 있습니다 :
- 오디오 / 비디오 재생 (오디오 / 비디오)
- 모바일 오디오 / 비디오 (오디오 / 비디오) 재생 위치
팁 : 일반적으로 오디오 / 비디오 객체와 관련된 timeupdate 이벤트 currentTime을의 오디오 / 비디오 (오디오 / 비디오) (초) 재생 위치를 반환하는 속성에 사용.
브라우저 지원
테이블의 수치는 이벤트의이 버전을 지원하는 최초의 브라우저를 나타냅니다.
| 행사 | |||||
|---|---|---|---|---|---|
| timeupdate | 예 | 9.0 | 예 | 예 | 예 |
문법
HTML에서 :
<오디오 | 비디오 ontimeupdate = "MyScript를 "> 시도
자바 스크립트에서 :
오디오 | 비디오 .ontimeupdate = 함수 () {MyScript를}; 시도
자바 스크립트는 addEventListener () 메서드를 사용합니다 :
오디오 | 비디오 .addEventListener ( "timeupdate" , MyScript를) 시도
참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.
기술 세부 사항
| 지원되는 HTML 태그 : | <오디오> 및 <비디오> |
|---|---|
| 지원되는 자바 스크립트 객체 : | 오디오, 비디오 |
더 많은 예제
예
오디오 재생 위치가 변경되면, 현재 오디오 재생 위치의 표시 (초) :
// 한 id = "myVideo를"<오디오> 요소를 가져옵니다
var에 AUD = document.getElementById를 ( "myVideo를");
재생 위치를 변경할 때 // ontimeupdate 이벤트 <오디오> 요소를 추가하고 기능을 수행
aud.ontimeupdate = 함수 () {하여 myFunction ()};
myFunction 함수 () {
// 디스플레이 ID = 오디오 재생 위치에 <P> 요소의 "데모"
. 중요 document.getElementById는 innerHTML을 = aud.currentTime ( "데모");
}
var에 AUD = document.getElementById를 ( "myVideo를");
재생 위치를 변경할 때 // ontimeupdate 이벤트 <오디오> 요소를 추가하고 기능을 수행
aud.ontimeupdate = 함수 () {하여 myFunction ()};
myFunction 함수 () {
// 디스플레이 ID = 오디오 재생 위치에 <P> 요소의 "데모"
. 중요 document.getElementById는 innerHTML을 = aud.currentTime ( "데모");
}
»시도
예
사용 currentTime을 속성 5 초 재생 위치로 설정된다 :
중요 document.getElementById ( "myVideo를") currentTime을 = 5;
»시도
HTML 오디오 / 비디오 DOM 참조