정의 및 사용법
ontimeupdate 이벤트는 비디오/오디오(오디오/비디오)의 현재 재생 위치가 변경되면 트리거됩니다.
팁:
이 이벤트는 일반적으로 Video 개체의 currentTime 속성과 함께 사용됩니다.
비디오/오디오(audio/video)의 현재 재생 위치를 반환하는 속성입니다.
브라우저 지원
표의 숫자는 해당 이벤트를 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다.
| ontimeupdate
| 예
9 | 예
| 예
예 |
|
|---|
| Grammar | | Html: & & lt; | element ontimeupdate = " | Myscript" & gt; 시도해 보세요 | | Object
.onTimeupdate = Function () {Myscript
};
JavaScript에서는 addEventListener() 메서드를 사용합니다.
object
.addEventListener("seeking",
myScript); 시도해 보세요.
참고:
Internet Explorer 8 및 이전 IE 버전은 addEventListener( )를 지원하지 않습니다. 방법.
기술 세부정보
취소 가능 여부:
Event
지원되는 HTML 태그 :
<오디오> ;, <동영상> |
더 많은 인스턴스
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>该实例中我们向 video 元素添加 "ontimeupdate" 事件。当用户开始播放视频，或者重新定位视频播放位置时，会执行显示当前播放位置的函数。</p>
<video controls ontimeupdate="myFunction(this)">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video。
</video>
<p>当前播放位置： <span id="demo"></span></p>
<script>
function myFunction(event) {
// currentTime 属性返回视频/音频（audio/video）当前播放位置
document.getElementById("demo").innerHTML = event.currentTime;
}
</script>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>该实例中我们向 audio 元素添加 "ontimeupdate" 事件。当用户开始播放音频，或者重新定位音频播放位置时，会执行显示当前播放位置的函数。</p>
<audio controls ontimeupdate="myFunction(this)">
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
<p>当前播放位置: <span id="demo"></span></p>
<script>
function myFunction(event) {
// currentTime 属性返回视频/音频（audio/video）当前播放位置
document.getElementById("demo").innerHTML = event.currentTime;
}
</script>
</body>
</html> 온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
|---|
