HTML视频怎么实现快速快进快退_JS控制HTML视频currentTime调整

<video id="myVideo" width="640" controls>
  <source src="example.mp4" type="video/mp4">
  您的浏览器不支持 video 标签。
</video><div>
<button onclick="rewind()">快退 10秒</button>
<button onclick="fastForward()">快进 10秒</button>
</div>

function rewind() {
  const video = document.getElementById('myVideo');
  video.currentTime -= 10; // 快退10秒
}function fastForward() {
const video = document.getElementById('myVideo');
video.currentTime += 10; // 快进10秒
}

function rewind() {
  const video = document.getElementById('myVideo');
  video.currentTime = Math.max(0, video.currentTime - 10);
}function fastForward() {
const video = document.getElementById('myVideo');
video.currentTime = Math.min(video.duration, video.currentTime + 10);
}

function seek(timeOffset) {
  const video = document.getElementById('myVideo');
  const newTime = video.currentTime + timeOffset;
  video.currentTime = Math.min(Math.max(0, newTime), video.duration);
}// 使用示例：
// seek(-15); // 快退15秒
// seek(30);  // 快进30秒

<button onclick="seek(-15)">快退 15秒</button>
<button onclick="seek(30)">快进 30秒</button>