html5视频局中,在HTML5视频中操纵currentTime

虽然它不是您正在寻找的完整解决方案，但此示例演示了如何使用video元素上的点击来确定相对于持续时间的位置并调整播放头。

您可以对此进行调整以跟踪两次点击，或者单击并拖动以设置起点和终点

Position video playhead in autoplaying video based on relative position of horizontal mouse click

Your browser does not support the video tag.

var vid=document.getElementById('video')

var vidWidth = vid.width;

var dur = 0;

vid.addEventListener("durationchange", trackDuration, false);

function trackDuration() {

dur = vid.duration

}

function getPositions(ev) {

if (ev == null) { ev = window.event }

if (dur == 0) {

// ignore if duration not set

} else {

_mouseX = ev.clientX;

// set currentTime based on position of mouse

vid.currentTime = dur * _mouseX / vidWidth

}

}