HTML 오디오 / 비디오 DOM 이벤트를 탐색했습니다
예
사용자가 동영상의 재생 위치를 다시 설정 완료된 프롬프트 텍스트 :
var에 VID = document.getElementById를 ( "myVideo를");
vid.onseeked = 함수 () {
경고 ( "작업이 완료 힘쓰라!");
};
vid.onseeked = 함수 () {
경고 ( "작업이 완료 힘쓰라!");
};
»시도
이 문서의 하단은 더 많은 예제가 포함되어 있습니다.
정의 및 사용
탐색했습니다 이벤트는 사용자가 새로운 위치로 오디오 / 비디오 (오디오 / 비디오)로 / 점프를 이동하는 경우 트리거된다.
팁 : 대신 이벤트는 이벤트가되어 탐색했습니다 추구하는 이벤트를.
팁 : 오디오 / 비디오 오브젝트 사용 currentTime을의 비디오 재생 위치를 얻을 수 속성입니다.
브라우저 지원
테이블의 수치는 이벤트의이 버전을 지원하는 최초의 브라우저를 나타냅니다.
행사 | |||||
---|---|---|---|---|---|
탐색했습니다 | 예 | 9.0 | 예 | 예 | 예 |
문법
HTML에서 :
<오디오 | 비디오 = "MyScript를 onseeked "> 시도
자바 스크립트에서 :
오디오 | 비디오 .onseeked = 함수 () {MyScript를}; 시도
자바 스크립트는 addEventListener () 메서드를 사용합니다 :
오디오 | 비디오 .addEventListener는 ( "탐색했습니다" , MyScript를) 시도
참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.
기술 세부 사항
지원되는 HTML 태그 : | <오디오> 및 <비디오> |
---|---|
지원되는 자바 스크립트 객체 : | 오디오, 비디오 |
더 많은 예제
예
이 예는 추구하고 탐색했습니다 이벤트 이벤트의 차이를 보여줍니다
<비디오 onseeking = "하여 myFunction ()"onseeked = "mySecondFunction ()">
»시도
예
사용자가 동영상의 새로운 위치 / 점프 이동이 완료되면, 현재의 재생 위치를 표시하는 속성 currentTime을 비디오 객체를 사용
ID = "myVideo를"의 <동영상> 요소를 가져옵니다 //
var에 VID = document.getElementById를 ( "myVideo를");
동작이 어드레스 함수가 실행되어 완료된 후 //의 <비디오>를 들어, 이벤트를 추가 탐색했습니다
vid.addEventListener은 (myFunction이 "탐색했습니다");
myFunction 함수 () {
// 아이디 = P 요소 "데모"<영상> 현재 재생 위치를 표시
. 중요 document.getElementById는 innerHTML을 = vid.currentTime ( "데모");
}
var에 VID = document.getElementById를 ( "myVideo를");
동작이 어드레스 함수가 실행되어 완료된 후 //의 <비디오>를 들어, 이벤트를 추가 탐색했습니다
vid.addEventListener은 (myFunction이 "탐색했습니다");
myFunction 함수 () {
// 아이디 = P 요소 "데모"<영상> 현재 재생 위치를 표시
. 중요 document.getElementById는 innerHTML을 = vid.currentTime ( "데모");
}
»시도
예
메시지가 새로운 사용자의 오디오 재생 위치로 이동 / 점프 완료시 표시 :
var에 AUD = document.getElementById를 ( "myAudio");
aud.onseeked = 함수 () {
경고 ( "작업이 완료 힘쓰라!");
};
aud.onseeked = 함수 () {
경고 ( "작업이 완료 힘쓰라!");
};
»시도
HTML 오디오 / 비디오 DOM 참조