如何在视频播放中前进一帧前进一帧？

您可以通过设置currentTime属性来搜索视频中的任何时间.像这样的东西:

var video = document.getElementById('video'),frameTime = 1/25; //假设25 fps

window.addEventListener('keypress', function (evt) {
    if (video.paused) { //or you can force it to pause here
        if (evt.keyCode === 37) { //left arrow
            //one frame back
            video.currentTime = Math.max(0, video.currentTime - frameTime);
        } else if (evt.keyCode === 39) { //right arrow
            //one frame forward
            //Don't go past the end, otherwise you may get an error
            video.currentTime = Math.min(video.duration, video.currentTime + frameTime);
        }
    }        
});

只需要注意几件事情,尽管它们不会给你带来太多麻烦:

无法检测帧速率,因此您必须对其进行硬编码或将其列在某个查找表中或猜测.

寻求可能需要几毫秒或更长时间并且不会同步发生.浏览器需要一些时间从网络加载视频(如果尚未加载)并解码帧.如果您需要知道何时完成搜索,您可以倾听"寻找"事件.