使用video.js更改视频播放速度

Question

是否有任何现有的插件可以使用video.js播放器更改视频的播放速率？如果没有,我如何添加新的插件和新的控制按钮？

提前致谢.

Answer 1

我有同样的问题。我刚刚发现：

videojs('my-player', {
  playbackRates: [0.5, 1, 1.5, 2]
});

参见videojs 文档

Answer 2

从videojs v.4.6.0开始,有一个JSON参数data-setup可以传递给视频播放器添加播放速度选项:

<video id="my_video_1" class="video-js vjs-default-skin" controls 
preload="auto" width="640" height="268" 
data-setup='{ "playbackRates": [0.5, 1, 1.5, 2] }'>

演示:http://jsbin.com/vikun/1/edit？html,output

致谢:https://stackoverflow.com/a/24767026/1066234

注意:您必须对其中的参数使用双引号data-setup.

-

有帮助:如果您需要在视频播放器准备好后更改速度(Jquery),请使用:

var video = videojs('videoplay', options);

video.ready(function() {
    // faster speed initially
    this.playbackRate(1.5);
});