onseeked 이벤트
정의와 사용법
사용자가 오디오/비디오에 새 위치로 이동하거나 점프했을 때 onseeked 이벤트가 발생합니다.
푸터링:onseeked 이벤트와 onseeking 이벤트반대로.
푸터링:오디오/비디오 객체를 사용하십시오. currentTime 속성현재 재생 위치를 가져옵니다。
예제
사용자가 이동/비디오에서 새 위치로 이동을 완료하면 JavaScript를 실행합니다:
<video onseeked="myFunction()">
페이지 아래에 더 많은 TIY 예제가 있습니다。
문법
HTML에서:
<element onseeked="myScript">
JavaScript에서:
object.onseeked = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여:
object.addEventListener("seeked", myScript);
주의사항:인터넷 익스플로어러 8 또는 이전 버전은 addEventListener() 메서드를 지원하지 않습니다 addEventListener() 메서드。
기술 세부 사항
버블링: | 지원하지 않음 |
---|---|
취소 가능: | 지원하지 않음 |
이벤트 유형: | 이벤트 |
지원되는 HTML 태그: | <audio> 및 <video> |
DOM 버전: | 레벨 3 이벤트 |
브라우저 지원
표의 숫자는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다。
이벤트 | 크롬 | IE | 파이어폭스 | 사파리 | 오페라 |
---|---|---|---|---|---|
onseeked | 지원 | 9.0 | 지원 | 지원 | 지원 |
더 많은 예제
예제
이 예제는 onseeking 이벤트와 onseeked 이벤트 간의 차이를 보여줍니다:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
예제
사용자가 이동/새 위치로 이동을 완료하면 Video 객체의 currentTime 속성을 사용하여 현재 재생 위치를 표시합니다:
// id="myVideo"의 <video> 요소를 가져옵니다 var x = document.getElementById("myVideo"); // <video>에 seeked 이벤트를 추가하여 seek 작업이 완료되면 함수를 실행합니다 x.addEventListener("seeked", myFunction); function myFunction() { // 在 id="demo" 的 <p> 元소에 현재 비디오 위치를 표시합니다 document.getElementById("demo").innerHTML = x.currentTime; }
예제
사용자가 오디오에서 새 위치로 이동/넘어갔을 때 JavaScript를 실행합니다:
<audio onseeked="myFunction()">