西瓜播放器 HTML5 video video.js 播放器 HTML5播放器 mp4 hls hls.js flv flv.js dash dash.js 无缝切换

playbackrate

倍速切换插件。源码

pluginName: playbackrate

pc效果
mobile效果

config

position

插件DOM挂载位置,默认为player.controls.right

index

  • @type: Number
  • default: 0

插件DOM在挂载点内的排序,默认为0,越小越靠前(若index相同,后实例化的插件会被放置在前面)

hidePortrait

  • @type: Boolean
  • default: false

是否在竖屏状态下隐藏,该配置只在移动端生效

list

  • @type: Array<number | {text: string, iconText: string, rate: number}>
  • default: [2, 1.5, 1, 0.75, 0.5]

可切换的倍速列表定义, 在没有指定每个倍速项的文案的时候, 显示文案为1X; list元素可以是数字,也可以对对象。如果是对象,结构为{text: string, iconText: string, rate: number},其中text为插件显示的倍速文案,rate为倍速具体数值, iconText为切换之后按钮上显示的文本,例如

new Player({
  playBackrate: {
    list: [{
      text: '0.5X',
      rate: 0.5
    }, {
      text: '1X',
      iconText: '倍速'
      rate: 1
    }, {
      text: '1.5X',
      rate: 1.5
    },...]
  }
})