播放控制

点击下载教程相关资源

play 开始播放

play 可用于在有信号源的播放器上开始播放。例如:

var myPlayer = videojs('some-player-id');

myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  myPlayer.play();
});

pause 暂停播放

pause 可以用来暂停正在播放的播放器的播放。例如:

var myPlayer = videojs('some-player-id');

myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  myPlayer.play();
  myPlayer.pause();
});

paused 确定是否暂停

paused 可用于确定播放器当前是否暂停。

var myPlayer = videojs('some-player-id');

myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  // true
  console.log(myPlayer.paused());
  // false
  console.log(!myPlayer.paused());

  myPlayer.play();
  // false
  console.log(myPlayer.paused());
  // true
  console.log(!myPlayer.paused());

  myPlayer.pause();
  // true
  console.log(myPlayer.paused());
  // false
  console.log(!myPlayer.paused());
});

currentTime 显示当前播放时间

currentTime 将显示当前播放的时间(以秒为单位)。例如:

var myPlayer = videojs('some-player-id');

myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  // set current time to 2 minutes into the video
  myPlayer.currentTime(120);
  // get the current time, should be 120 seconds
  var whereYouAt = myPlayer.currentTime();
});

duration 显示总持续时间

duration 将显示正在播放的视频的总持续时间。例如:

var myPlayer = videojs('some-player-id');

myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  var lengthOfVideo = myPlayer.duration();
});

remainTime 显示剩余时间

remainTime(剩余时间)会显示视频中剩余的秒数。例如:

var myPlayer = videojs('some-player-id');
myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  myPlayer.currentTime(10);

  // should be 10 seconds less than duration
  console.log(myPlayer.remainingTime());
});

buffered 时间范围

buffered 将为您提供一个 timeRange 对象,该对象代表当前时间范围,可在未来某个时间播放。例如:

var myPlayer = videojs('some-player-id');

myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  var bufferedTimeRange = myPlayer.buffered();

  // number of different ranges of time have been buffered.
  // Usually 1
  var numberOfRanges = bufferedTimeRange.length,

    // Time in seconds when the first range starts.
    // Usually 0
    var firstRangeStart = bufferedTimeRange.start(0),

    // Time in seconds when the first range ends
    var firstRangeEnd = bufferedTimeRange.end(0),

    // Length in seconds of the first time range
    var firstRangeLength = firstRangeEnd - firstRangeStart;
});

bufferedPercent 显示缓冲百分比

bufferedPercent 会显示当前缓冲视频的百分比。例如:

var myPlayer = videojs('some-player-id');

myPlayer.src({type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'});
myPlayer.ready(function() {
  // example 0.11 aka 11%
  var howMuchIsDownloaded = myPlayer.bufferedPercent();
});
说说我的看法
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
公众号