ビデオの再生中にシーク時間を取得する方法

Question

ビデオの再生中にシーク時間を取得しようとしています。私はそれがビデオ開始だけトリガされているプレイイベントを使用します。

HTML：

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

Javasript：MDNから

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

：

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); 
});