miniscreen
播放器小窗播放插件。源码
该插件还包含了一个controls上的开关按钮插件miniscreenicon。源码
pluginName: miniscreen
Note
该插件只在pc端注册 该插件默认禁用，需要配置开启，具体开启方式看具体配置说明
config
width
@type:Number, 默认值:320@desc: 小窗宽度
height
@type:Number, 默认值:180@desc: 小窗高度
left
@type：Number, 默认值:-1@desc: 初始小窗距离屏幕的左侧的距离，默认左下角
top
@type：Number, 默认值:-1@desc: 初始小窗距离屏幕的顶部的距离，默认左下角
isShowIcon
@type：Boolean, 默认值:false@desc：是否显示开关按钮
isScrollSwitch
@type：Boolean, 默认值:false@desc：小窗是否开启scroll自动切换,默认值false
scrollTop
@type：Number, 默认值:0@desc：触发滚动的高度，默认值为 0, 即滚动超过播放器高度即切换，如果设置该值为true，则在滚动超过播放器根节点高度height + scrollTop的时候切换
disableDrag
@type：Boolean, 默认值:false@desc：小窗状态下是否禁用拖拽，默认为false
disable
@type：Boolean, 默认值:false@desc：是否禁用插件
该配置项可以通过playerConfig.mini控制是否禁用，默认值为false, 例如：
const playerConfig = {
mini: true, //开启小窗插件
...
}
API
getMini()
@desc: 进入小窗状态
exitMini()
@desc: 退出小窗状态
props
isMini
@type：Boolean
播放器当前是否是小窗状态
event
Events.MINI_STATE_CHANGE
- 值:
mini_state_change - 触发: 切换进入/退出小窗的时候触发
使用示例
import Player, {Events} from 'xgplayer'
const player = new Player({
...,
mini: true
})
player.on(Events.MINI_STATE_CHANGE, (isMini) => {
if (isMini) {
console.log('enter miniScreen')
} else {
console.log('exit miniScreen')
}
})