최신 웹 개발 튜토리얼
 

HTML 오디오 / 비디오 DOM 이벤트를 탐색했습니다

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

사용자가 동영상의 새로운 위치로 스킵 / 이동이 완료되면, 텍스트 경보 :

var vid = document.getElementById("myVideo");
vid.onseeked = function() {
    alert("Seek operation completed!");
};
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

사용자가 오디오 / 비디오의 새로운 위치로 스킵 / 이동이 완료 될 때 탐색했습니다 이벤트가 발생한다.

팁 : 탐색했습니다 이벤트가 반대입니다 추구 이벤트입니다.

팁 : 사용 currentTime 현재 재생 위치를 얻을 수있는 오디오 / 비디오 객체의 속성입니다.


브라우저 지원

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

행사
seeked 9.0

통사론

HTML에서 :

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

자바 스크립트에서 :

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

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

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

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


기술적 세부 사항

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

더 예

이 예에서는 시크 이벤트 및 탐색했습니다 이벤트 사이의 차이를 보여

<video onseeking="myFunction()" onseeked="mySecondFunction()">
»그것을 자신을 시도

사용자가 새 위치로 건너 뛰는 / 이동이 완료 될 때 비디오 객체의 currentTime을 속성을 사용하면 현재 재생 시간 위치를 표시합니다 :

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);

function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}
»그것을 자신을 시도

사용자가 오디오의 새로운 위치로 스킵 / 이동이 완료되면, 텍스트 경보 :

var aud = document.getElementById("myAudio");
aud.onseeked = function() {
    alert("Seek operation completed!");
};
»그것을 자신을 시도

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