HTML 오디오/비디오 DOM 탐색 이벤트
예시
사용자가 비디오의 새 위치로 이동/건너뛰기를 시작하면 다음과 같은 텍스트를 경고합니다.
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
검색 이벤트는 사용자가 오디오/비디오의 새 위치로 이동/건너뛰기를 시작할 때 발생합니다.
팁: 탐색 이벤트는 탐색 이벤트의 반대 입니다 .
팁: 오디오/비디오 개체의 currentTime 속성을 사용 하여 현재 재생 위치를 가져옵니다.
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Event | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
통사론
HTML:
<audio|video onseeking="myScript">
자바스크립트:
audio|video.onseeking=function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
audio|video.addEventListener("seeking", myScript);
기술적 세부 사항
지원되는 HTML 태그: | <오디오>와 <비디오> |
---|---|
지원되는 JavaScript 객체: | 오디오 비디오 |
더 많은 예
예시
이 예는 검색 이벤트와 검색 이벤트의 차이점을 보여줍니다.
<video onseeking="myFunction()" onseeked="mySecondFunction()">
예시
사용자가 새 위치로 건너뛰기 시작할 때 비디오 객체의 currentTime 속성을 사용하여 현재 재생 시간 위치를 표시합니다.
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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.onseeking = function() {
alert("Seek operation began!");
};
❮ HTML 오디오/비디오 DOM 참조