Latest web development tutorials

HTML 오디오 / 비디오 DOM 추구 이벤트

HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조

팝업 텍스트 메시지를 사용자가 이동 / 점프 새로운 비디오 재생 위치하기 시작했을 때

var에 VID = document.getElementById를 ( "myVideo를");
vid.onseeking = 함수 () {
경고 ( "탐색 작업이 시작되었다!");
};

»시도

이 문서의 하단은 더 많은 예제가 포함되어 있습니다.


정의 및 사용

유발하고자 할 때, 사용자의 이벤트가 새로운 오디오 / 비디오 (오디오 / 비디오)의 재생 위치를 점프 / 이동하기 시작한다.

팁 : 대신 이벤트 추구하는 이벤트입니다 탐색했습니다 이벤트입니다.

팁 : 오디오 / 비디오 객체 사용 currentTime을 속성은 재생 위치를 가져옵니다한다.


브라우저 지원

테이블의 수치는 이벤트의이 버전을 지원하는 최초의 브라우저를 나타냅니다.

행사
추구 9.0


문법

HTML에서 :

<오디오 | 비디오 onseeking = "MyScript를 "> 시도

자바 스크립트에서 :

오디오 | 비디오 .onseeking = 함수 () {MyScript를}; 시도

자바 스크립트는 addEventListener () 메서드를 사용합니다 :

오디오 | .addEventListener는 ( "추구"비디오 , MyScript를) 시도

참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.


기술 세부 사항
지원되는 HTML 태그 : <오디오> 및 <비디오>
지원되는 자바 스크립트 객체 : 오디오, 비디오


예

더 많은 예제

이 예는 추구하고 탐색했습니다 이벤트 이벤트의 차이를 보여줍니다

<비디오 onseeking = "하여 myFunction ()"onseeked = "mySecondFunction ()">

»시도

사용자가 새로운 위치로 이동하기 시작하면, 비디오 오브젝트 currentTime을 속성이 현재의 재생 위치를 표시 사용

ID = "myVideo를"의 <동영상> 요소를 가져옵니다 //
var에 VID = document.getElementById를 ( "myVideo를");

//의 <비디오>를 들어 당신이 주소 시작하는 경우, 이벤트를 추가하고자하는 기능은 실행을 시작합니다
vid.addEventListener은 (myFunction이 "추구");

myFunction 함수 () {
// 디스플레이 ID는 = 상기 p- 요소의 "데모"<동영상> 플레이어 위치
. 중요 document.getElementById는 innerHTML을 = vid.currentTime ( "데모");
}

»시도

메시지가 새로운 사용자의 오디오 재생 위치로 이동 / 점프 완료시 표시 :

var에 AUD = document.getElementById를 ( "myAudio");
aud.onseeking = 함수 () {
경고 ( "탐색 작업이 시작되었다!");
};

»시도


HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조