javascript - 你如何让 Video.JS 向前和向后跳 15 秒?

标签 javascript html video

播放暂停按钮适用于 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> 

最佳答案

有点晚了,但我是这样使用 currentTime 的:

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

希望这会有所帮助。

关于javascript - 你如何让 Video.JS 向前和向后跳 15 秒?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38604103/

相关文章:

javascript - getImageData 的加载事件

javascript - 使用 props 从表中获取值

css - Wordpress 自定义 Html - 跳转到 anchor 然后滚动

swift - 无法快速将视频保存到 Parse

jquery - 容器 onclick 在视频元素和文本之间切换

video - 如何将 360 视频从 PC 直播到 VR 耳机/护目镜/HMD?

javascript while 循环不工作(无限循环)

javascript - 我可以使用 jQuery 根据另一个属性的值设置一个属性吗?

javascript - 如何在 Javascript 中让动画播放一次?

foreach 循环中的 PHP 按钮