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

cssFullScreen

网页全屏按钮,pc端默认安装。源码

pluginName: cssfullscreen

config

position

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

index

  • @type: Number
  • default: 1

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

disable

  • @type: Boolean
  • default: false

是否禁用

target

  • @type: HTMLElement
  • default: null

自定义网页全屏作用的dom,默认是播放器根节点, 该配置项必须是player.root的父辈节点,使用场景是解决网页全屏下和player.root同级的dom需要显示的场景

demos

/**
 *  配置使用网页全屏效果实现
 */
const player = new Player({
  el: el,
  ...,
  cssfullscreen: {
    target: el.parentElement // 也可以是其他祖先节点
  }
})

/**
 *  禁用插件
 */
const player = new Player({
  ...,
  ignores: ['cssfullscreen']
})