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

mobile

播放器在移动web端交互插件。源码

pluginName: mobile

包括点击播放器区域切换焦点状态, 左右滑动快进/快退, 拖动显示时间预览等

Note

该插件只在mobile端注册

功能说明:

    1. 单击播放器区域隐藏/呼出控制栏
    1. 双击播放器区域切换暂停/播放状态
    1. 所有滑动播放器区域,快进/快退,并在中间显示迷你时间进度条和预览图(配置有帧预览图的情况下)
    1. 长按播放器区域2倍速播放(在支持倍速调节的情况下)
    1. 左侧上下滑动调节音量(在支持音量调节的情况下)

config

disableGesture

  • @type: Boolean, 默认值: false
  • 说明:是否禁用手势,默认值false,该参数支持从playerConfig读取

gestureX

  • @type: Boolean, 默认值: false
  • 说明:是否启用水平手势处理,水平手势快进/快退,默认值true

gestureY

  • @type: Boolean, 默认值: false
  • 说明:是否启用垂直手势处理,默认值true, 垂直手势包括屏幕右侧和屏幕左侧,默认左侧调节亮度,右侧调节音量,左右范围比例通过scopeL和scopeR设置

scopeL

  • @type: Number, 默认值: 0.25
  • 说明:左侧手势范围,默认值: 0.25, 取值范围0-1

scopeR

  • @type: Number, 默认值: 0.25
  • 说明:右侧手势范围,默认值: 0.25, 取值范围0-1

pressRate

  • @type: Number, 默认值: 2
  • 说明:长按快进倍速

darkness

  • @type: Boolean, 默认值: *true`
  • 说明: 是否启用右侧调暗功能, 默认值true, 因为web端无法调用系统的亮度,这个功能使用透明蒙层实现

maxDarkness

  • @type: Number, 默认值: 0.6
  • 说明:调暗最大暗度,即蒙层最大透明度,默认值0.6

updateGesture

  • @type: function, 默认值: **
  • 说明: 手势触发回调,在手势移动的时候会触发, 类型{Function}

gradient

  • @type: String, 默认值: normal
  • 说明:是否启用上下渐变阴影,取值normal | none | top | bottom

isTouchingSeek

  • @type: Boolean, 默认值: true
  • 说明:是否在touchMove的同时更新播放器的currentTime,默认false, 在手势移动过程中,不会直接调用播放器的快进快退,在toucheEnd的时候再设置

miniMoveStep

  • @type: Number, 默认值: 5
  • 说明:touchemove触发步伐,默认值5,用于节流

disableActive

  • @type: Boolean, 默认值: false
  • 说明:是否禁用时间预览面板

disableTimeProgress

  • @type: Boolean, 默认值: false
  • 说明:是否禁用时间进度条

hideControlsActive

  • @type: Boolean, 默认值: true
  • 说明: 手势拖动的时候是否隐藏控制栏

hideControlsEnd

  • @type: Boolean, 默认值: false
  • 说明: 手势结束的时候隐藏控制栏

moveDuration

  • @type: Number, 单位ms 默认值: 60 * 6 * 1000
  • 说明: 滑动播放器区域快进/快退时,播放器区域对应的时长

disablePress

  • @type: Boolean, 默认值: true
  • 说明: 禁用长按倍速调整

disableSeekIcon

  • @type: Boolean, 默认值: false
  • 说明: 是否禁用快进/快退的时候按钮提示

API

disableGesture()

  • @desc: 禁用手势

enableGesture()

  • @desc: 启用手势