Javascript 如何使Video.JS向前和向后跳15秒？

播放暂停按钮适用于HTML5视频和此video.JS。我不知道为什么其他函数不适用于video.js，即使它们适用于HTML5视频

如何使视频JS向前和向后跳15秒？此外，出于某种奇怪的原因，视频也不会改变大小

    <div id="instructions">
      <video id="my_video_1" class="video-js vjs-default-skin" width="640px" height="267px"
          controls preload="none" poster='http://video-js.zencoder.com/oceans-clip.jpg'
          data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }'>
        <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' />
        <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm' />
      </video>
      <button onclick="playPause()">Play/Pause</button>  
      <button onclick="makeBig()">Big</button>
      <button onclick="makeSmall()">Small</button>
      <button onclick="makeNormal()">Normal</button>
      <button onclick="restart();">Restart</button> 
      <button onclick="skip(-10)">Rewind</button>
      <button onclick="skip(10)">Fastforward</button>
    </div>

    <script> 
    //controls for video.js HTML5 video player
    var myVideo = document.getElementById("my_video_1"); 

    function playPause() { 
        if (myVideo.paused) 
            myVideo.play(); 
        else 
            myVideo.pause(); 
    } 

    function makeBig() { 
        myVideo.width = 560; 
    } 

    function makeSmall() { 
        myVideo.width = 320; 
    } 

    function makeNormal() { 
        myVideo.width = 420; 
    } 

     function skip(value) {
            var video = document.getElementById("my_video_1");
            video.currentTime += value;
     }    

     function restart() {
            var video = document.getElementById("my_video_1");
            video.currentTime = 0;
        }

     </script> 

播放/暂停
大的
小的
正常的
重新启动
重绕
快进
//video.js HTML5视频播放器的控件
var myVideo=document.getElementById（“my_video_1”）；
函数playPause（）{
如果（myVideo.paused）
myVideo.play（）；
其他的
myVideo.pause（）；
} 
函数makeBig（）{
myVideo.width=560；
} 
函数makeSmall（）{
myVideo.width=320；
} 
函数makeNormal（）{
myVideo.width=420；
} 
函数跳过（值）{
var video=document.getElementById（“my_video_1”）；
video.currentTime+=值；
}    
函数重新启动（）{
var video=document.getElementById（“my_video_1”）；
video.currentTime=0；
}

有点晚了，但我使用的currentTime是这样的：

var video = videojs($("#player_id"));
video.currentTime(video.currentTime() + 10);

希望这会有所帮助。

seek（秒）{
seek(secs) {
  let time = this.player.currentTime() + secs;

  if (time < 0) {
    time = 0;
  }

  this.player.currentTime(time);
},

forward() {
  this.seek(10);
},

rewind() {
  this.seek(-10);
},

让时间=this.player.currentTime（）+秒；
如果（时间<0）{
时间=0；
}
this.player.currentTime（时间）；
},
前进（）{
这是寻求（10）；
},
倒带{
这是seek（-10）；
},

用于使用箭头键进行控制

document.addEventListener("keydown",(e)=>{
    if(e.keyCode==37){
        backward()
    }else{ 
        forward()
    }
  }
)

---

html

，

js

是否返回预期结果？我在这里试过了，它不走了。。。在我的本地服务器上，虽然创建的play/pause可以工作，但除了video.js自己的css按钮模板之外，其他什么都不能工作。通常，video.js的工作方式是什么？因此，是video.js代码妨碍了。。。六羟甲基三聚氰胺六甲醚

document.addEventListener("keydown",(e)=>{
    if(e.keyCode==37){
        backward()
    }else{ 
        forward()
    }
  }
)