javascript - 如何更改视频标签的转发时间

Question

我的网站上有视频标签，当我点击向右箭头时，它会前进大约 1 分钟，我想将这个时间减少到 10 秒。

<video src="SOURCE" controls="true" id="video" style="height: 477px; width: 980px"></video>

Answer 1

您可以将事件监听器直接附加到视频而不是网站。

  
  var video = document.getElementById("video");
  var timer = 10;
  video.addEventListener('keydown', (e) => {
   event.preventDefault();
   switch (event.keyCode) {
         case 37:  
              var currentTime = video.currentTime;
              video.currentTime = currentTime - timer;
            break;
         
         case 39:
               var currentTime = video.currentTime;
              video.currentTime = currentTime + timer;
            break;
            }
});

 <video controls="true" id="video" style="height: 477px; width: 480px">
   <source src="https://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
 </video>