Skip to content

播放窗口

1.播放窗口类型

ESPlayerManager内置3种窗口类型

  • ES_PLAYER_WINDOW_TYPE_SMALL小屏类型,值为1
  • ES_PLAYER_WINDOW_TYPE_FULL全屏类型,值为2
  • ES_PLAYER_WINDOW_TYPE_FLOAT浮动窗口类型,值为3

2.配置播放窗口尺寸

点击查看源码
vue
<es-player-manager
  ref="es_player_manager"
  :small-window-width="976"
  :small-window-height="557"
  :full-window-width="1920"
  :full-window-height="1080"
  :float-window-width="400"
  :float-window-height="230"
/>

3.设置初始播放窗口类型

点击查看源码
vue
<es-player-manager
  ref="es_player_manager"
  //初始化播放窗口类型为:全屏
  :init-player-window-type="1"
/>

4.切换播放窗口类型

  • changePlayerWindow(playerWindowType)方法。切换播放窗口类型

    示例代码:

    点击查看源码
    js
    this.$refs.tv_player_manager.changePlayerWindow(ES_PLAYER_WINDOW_TYPE_FULL)
  • changeToSmallWindow()方法。切换到小屏播放窗口。

  • changeToFullWindow()方法。切换到全屏播放窗口。

  • changeToFloatWindow()方法。切换到浮动播放窗口。

  • getPlayerWindowType()方法。获取当前的播放窗口类型。

  • isPlayerWindowTypeFull()方法。是否是全屏播放窗口类型。

  • isPlayerWindowTypeSmall()方法。是否是小屏播放窗口类型。

  • isPlayerWindowTypeFloat()方法。是否是浮动播放窗口类型。