비디오에서 비디오를 재생하는 동안 탐색 시간을 얻는 방법

Question

비디오를 재생하는 동안 탐색 시간을 얻으려고합니다. 나는 그것이 시작된 재생 이벤트만을 비디오 시작으로 사용합니다.

는

HTML :

<video controls id="videoFile"> 
    <source src="Why Linux over Windows 3D Animation.mp4" id="video_here"> 
</video> 

기능인 자바 스크립트를 :

var secondvideo = document.getElementById('videoFile'); 
secondvideo.addEventListener('play', function(e) { 
    // The video is playing 
    console.log("current time= "+ document.getElementById('videoFile').currentTime); 

}); 

Answer 1

secondvideo.addEventListener("timeupdate", 
    function (ev) { 
     console.log(ev.target.currentTime); 
    }); 

다음

당신이 HTML5 비디오 이벤트 및 API 찾을 수 있습니다 https://www.w3.org/2010/05/video/mediaevents.html

Answer 2

MDN에서는 :

HTMLMediaElement.currentTime 속성은 초 현재 재생 시간을 제공합니다. 이 값을 설정하면 미디어를 새로운 시간으로 검색합니다. 이 정보를 바탕으로

이

, 당신은 다음과 같은 일을 수행해야합니다

var secondvideo = document.getElementById('videoFile'); 
secondvideo.addEventListener('play', function(e) { 
    // The video is playing 
    console.log("Playing video"); 
    console.log(secondvideo.currentTime); 
}); 
secondvideo.addEventListener('pause', function(e) { 
    // The video is paused 
    console.log("Paused video"); 
    console.log(secondvideo.currentTime); 
}); 
secondvideo.addEventListener('seeking', function(e) { 
    // The user seeked a new timestamp in playback 
    console.log("Seeking in video"); 
    console.log(secondvideo.currentTime); 
});