如何在给定时间开始播放视频?

时间:2017-12-12 13:44:04

标签: video html5-video video.js

我正在尝试从视频中创建剪辑。它有固定的开始和结束时间。因此,当我点击按钮时,视频应该从给定时间开始。这是我的代码

  <link href="{{asset('../videojs/videojs-resolution-switcher.css')}}" rel="stylesheet">
  <link href="{{asset('../videojs/video-js.min.css')}}" rel="stylesheet">
  <script src="{{asset('../videojs/video.js')}}"></script>
  <script src="{{asset('../videojs/videojs-resolution-switcher.js')}}"></script>
  <script src="{{asset('../videojs/videojs-offset.min.js')}}"></script> 
  <script src="{{asset('../videojs/Youtube.min.js')}}"></script>

function setSegmentTime(e)
{
    var start_time =  $(e).data("start-time");
    var end_time   =  $(e).data("end-time");

    var myplayer = videojs('demo-video');
    myplayer.offset({
        start: start_time,
        end: end_time,
        restart_beginning: false //Should the video go to the beginning when it ends
    });

    myplayer.play();
}

在这里,我使用了一个插件来播放视频的一部分,但它也无法正常工作。它可能是videojs版本问题。 https://github.com/cladera/videojs-offset

我的问题是,我可以在给定时间播放视频而不使用上面的插件。我到处检查过,但没有一个解决方案正常工作。提前谢谢。

1 个答案:

答案 0 :(得分:2)

我认为currentTime就是你想要的。

// get
var whereYouAt = myPlayer.currentTime();
// set
myPlayer.currentTime(120); // 2 minutes into the video

more about it