Skip to content

ESPlayerManager ​

属性 ​

onPlayerProgressChangedCallback ​

功能描述 ​

播放进度回调方法。

参数 ​

属性类型默认值必填说明
onPlayerProgressChangedCallbackFunctionnull否回调播放进度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :on-player-progress-changed-callback="onVideoPlayerProgressChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayerProgressChanged(progress) {
    }
  },
}
</script>

注意 ​

无

onPlayerDurationChangedCallback ​

功能描述 ​

播放进度回调方法。

参数 ​

属性类型默认值必填说明
onPlayerDurationChangedCallbackFunctionnull否回调视频时长

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :on-player-duration-changed-callback="onVideoPlayerDurationChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayerDurationChanged(duration) {
    }
  },
}
</script>

注意 ​

无

esPlayerList ​

功能描述 ​

自定义播放器列表。

参数 ​

属性类型默认值必填说明
esPlayerListArraynull是自定义播放器列表

示例代码 ​

点击查看源码
js
<es-player-manager
  :es-player-list="esPlayerList"
  ref="es_player_manager"/>
  
data() {
  return {
    esPlayerList: [ESVideoPlayer],
  };
},

注意 ​

无

esPlayerViewList ​

功能描述 ​

播放器界面列表。

参数 ​

属性类型默认值必填说明
esPlayerViewListArraynull否播放器界面列表

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :es-player-view-list="esPlayerViewList"/>

注意 ​

无

playSeriesLoop ​

功能描述 ​

循环播放分集列表。

参数 ​

属性类型默认值必填说明
playSeriesLoopBooleantrue否循环播放分集列表

示例代码 ​

点击查看源码
js
<es-player-manager
  :play-series-loop="true"
  ref="es_player_manager"/>

注意 ​

无

playSeriesPositiveSequence ​

功能描述 ​

是否正序播放视频分集。

参数 ​

属性类型默认值必填说明
playSeriesPositiveSequenceBooleannull否是否正序播放视频分集

示例代码 ​

点击查看源码
js
<es-player-manager
  :play-series-positive-sequence="true"
  ref="es_player_manager"/>

注意 ​

无

playSeriesAuto ​

功能描述 ​

调用playSeriesAuto方法后是否自动调用playSeries方法进行播放分集。

参数 ​

属性类型默认值必填说明
playSeriesAutoBooleantrue否调用playVideo方法后是否自动调用playSeries方法进行播放分集

示例代码 ​

点击查看源码
js
<es-player-manager
  :play-series-auto="true"
  ref="es_player_manager"/>

注意 ​

无

playSeriesAutoNext ​

功能描述 ​

播放分集完毕或者出错是否继续播放下一个分集。

参数 ​

属性类型默认值必填说明
playSeriesAutoNextBooleantrue否播放分集完毕或者出错是否继续播放下一个分集

示例代码 ​

点击查看源码
js
<es-player-manager
  :play-series-auto-next="true"
  ref="es_player_manager"/>

注意 ​

无

playUrlsAuto ​

功能描述 ​

调用playSeries方法后是否自动调用start方法进行播放。

参数 ​

属性类型默认值必填说明
playUrlsAutoBooleantrue否调用playSeries方法后是否自动调用start方法进行播放

示例代码 ​

点击查看源码
js
<es-player-manager
  :play-urls-auto="true"
  ref="es_player_manager"/>

注意 ​

无

playUrlsAutoNext ​

功能描述 ​

是否自动播放下一个地址。

参数 ​

属性类型默认值必填说明
playUrlsAutoNextBooleannull否是否自动播放下一个地址

示例代码 ​

点击查看源码
js
<es-player-manager
  :play-urls-auto-next="true"
  ref="es_player_manager"/>

注意 ​

无

playUrlsPositiveSequence ​

功能描述 ​

是否正序播放分集地址列表。

参数 ​

属性类型默认值必填说明
playUrlsPositiveSequenceBooleantrue否是否正序播放分集地址列表

示例代码 ​

点击查看源码
js
<es-player-manager
  :play-urls-positive-sequence="true"
  ref="es_player_manager"/>

注意 ​

无

initPlayerWindowType ​

功能描述 ​

播放器窗口类型。

参数 ​

属性类型默认值必填说明
initPlayerWindowTypeNumber1否播放器窗口类型

播放器窗口类型:

点击查看源码
js
export const ES_PLAYER_WINDOW_TYPE_SMALL = 1;//
export const ES_PLAYER_WINDOW_TYPE_FULL = 2;//
export const ES_PLAYER_WINDOW_TYPE_FLOAT = 3;//

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :init-player-window-type="2"/>

注意 ​

无

smallWindowWidth ​

功能描述 ​

ES_PLAYER_WINDOW_TYPE_SMALL类型播放窗口的宽度。

参数 ​

属性类型默认值必填说明
smallWindowWidthNumber976否播放器的宽度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :small-window-width="976"/>

注意 ​

无

smallWindowHeight ​

功能描述 ​

ES_PLAYER_WINDOW_TYPE_SMALL类型播放窗口的高度。

参数 ​

属性类型默认值必填说明
smallWindowHeightNumber557否播放器的高度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :small-window-height="976"/>

注意 ​

无

fullWindowWidth ​

功能描述 ​

ES_PLAYER_WINDOW_TYPE_FULL类型播放窗口的宽度。

参数 ​

属性类型默认值必填说明
fullWindowWidthNumber1920否播放器的宽度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :full-window-width="1920"/>

注意 ​

无

fullWindowHeight ​

功能描述 ​

ES_PLAYER_WINDOW_TYPE_FULL类型播放窗口的高度。

参数 ​

属性类型默认值必填说明
fullWindowHeightNumber1080否播放器的高度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :full-window-height="1080"/>

注意 ​

无

floatWindowWidth ​

功能描述 ​

ES_PLAYER_WINDOW_TYPE_FLOAT类型播放窗口的宽度。

参数 ​

属性类型默认值必填说明
floatWindowWidthNumber400否播放器的宽度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :float-window-width="400"/>

注意 ​

无

floatWindowHeight ​

功能描述 ​

ES_PLAYER_WINDOW_TYPE_FLOAT类型播放窗口的高度。

参数 ​

属性类型默认值必填说明
floatWindowHeightNumber230否播放器的高度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :float-window-height="230"/>

注意 ​

无

playerBackgroundColor ​

功能描述 ​

播放器的背景颜色。

参数 ​

属性类型默认值必填说明
playerBackgroundColorStringblack否播放器的背景颜色

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  :player-background-color="black"/>

注意 ​

无

方法 ​

playVideo(Object playInfo) ​

功能描述 ​

播放。

参数 ​

Object playInfo

属性类型默认值必填说明
seriesIndexNumbernull是播放分集列表的index
seriesListArraynull是播放分集列表

示例代码 ​

点击查看源码
js
let videoSeries = {
    id: 0,//自定义分集id,唯一id
    urls: {//分集地址对象
      urlIndex: 0,//要播放的地址的index
      urlList: [{//地址列表
        url: 'http://qcloudcdn-moss.cp47.ott.cibntv.net/project/tvq/qsj_video/2021/12/07/3800609_9c0bae6b6d5df502ffa28f9396a2316e.mp4',
      }],
    },
    type: ES_PLAY_SERIES_TYPE_REAL_URL,
}
let playInfo = {
    seriesIndex: 0,
    seriesList: [videoSeries,]
}
this.$refs.es_player_manager.playVideo(playInfo);

注意 ​

无

playSeriesById(String seriesId) ​

功能描述 ​

播放指定id的分集。

参数 ​

属性类型默认值必填说明
seriesIdStringnull是分集的id

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.playSeriesById('Z200105');

注意 ​

无

playSeriesByIndex(Number seriesIndex) ​

功能描述 ​

播放指定index的分集。

参数 ​

属性类型默认值必填说明
seriesIndexNumbernull是分集的index

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.playSeriesByIndex(10);

注意 ​

无

addVideoSeriesToLast(Array videoSeriesList) ​

功能描述 ​

向分集播放列表末尾添加分集列表。

参数 ​

属性类型默认值必填说明
videoSeriesListArraynull是要添加的分集列表

示例代码 ​

点击查看源码
js
let videoSeriesList = [{xx}, {xx}]
this.$refs.es_player_manager.addVideoSeriesToLast(videoSeriesList);

注意 ​

无

addVideoSeriesToFirst(Array videoSeriesList) ​

功能描述 ​

向分集播放列表头部添加分集列表。

参数 ​

属性类型默认值必填说明
videoSeriesListArraynull是要添加的分集列表

示例代码 ​

点击查看源码
js
let videoSeriesList = [{xx}, {xx}]
this.$refs.es_player_manager.addVideoSeriesToFirst(videoSeriesList);

注意 ​

无

replaceVideoSeries(Number beginIndex, Array videoSeriesList) ​

功能描述 ​

替换播放器中部分分集列表。

参数 ​

属性类型默认值必填说明
beginIndexNumbernull是替换列表的开始位置
videoSeriesListArraynull是要替换的分集列表

示例代码 ​

点击查看源码
js
let videoSeriesList = [{xx}, {xx}]
this.$refs.es_player_manager.replaceVideoSeries(3, videoSeriesList);

注意 ​

无

getVideoSeriesList() ​

功能描述 ​

获取PlayerManager播放分集列表。

参数 ​

无

返回值 ​

属性类型默认值必填说明
VideoSeriesListArraynull是播放分集列表

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.getVideoSeriesList();

注意 ​

无

getVideoSeriesByIndex(Number index) ​

功能描述 ​

根据index获取播放列表中指定index的分集。

参数 ​

无

返回值 ​

属性类型默认值必填说明
seriesObjectnull是播放分集

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.getVideoSeriesByIndex(3);

注意 ​

无

getPlayingSeriesIndex() ​

功能描述 ​

获取正在播放的分集的index。

参数 ​

无

返回值 ​

属性类型默认值必填说明
indexNumbernull是播放分集index

示例代码 ​

点击查看源码
js
let index = this.$refs.es_player_manager.getPlayingSeriesIndex();

注意 ​

无

canPlayNextSeries() ​

功能描述 ​

是否可以播放下一集。

返回值 ​

属性类型默认值必填说明
Booleannull是是否可以播放下一集

示例代码 ​

点击查看源码
js
let can = this.$refs.es_player_manager.canPlayNextSeries();

注意 ​

无

playNextSeries() ​

功能描述 ​

播放下一个分集。

参数 ​

无 |

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.playNextSeries();

注意 ​

无

canPlayPreviousSeries() ​

功能描述 ​

是否可以播放上一集。

返回值 ​

属性类型默认值必填说明
Booleannull是是否可以播放上一集

示例代码 ​

点击查看源码
js
let can = this.$refs.es_player_manager.canPlayPreviousSeries();

注意 ​

无

playPreviousSeries() ​

功能描述 ​

播放上一个分集。

参数 ​

无 |

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.playPreviousSeries();

注意 ​

无

start() ​

功能描述 ​

开始播放。

参数 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.start();

注意 ​

无

pause() ​

功能描述 ​

暂停播放。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.pause();

注意 ​

无

resume() ​

功能描述 ​

继续播放。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.resume();

注意 ​

无

stop() ​

功能描述 ​

停止播放。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.stop();

注意 ​

无

seekTo(Number progress) ​

功能描述 ​

快进。

参数 ​

属性类型默认值必填说明
progressNumber0是播放进度

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.seekTo(10000);

注意 ​

无

reset() ​

功能描述 ​

重置播放进度。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.reset();

注意 ​

无

release() ​

功能描述 ​

回收播放器。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.release();

注意 ​

无

getCurrentPosition() ​

功能描述 ​

获取当前的播放进度。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.getCurrentPosition();

注意 ​

通过onPlayerProgressChangedCallback回调方法返回当前的播放进。

getDuration() ​

功能描述 ​

获取当前的播放时长。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.getDuration();

注意 ​

通过onPlayerDurationChangedCallback回调方法返回播放时长。

getPlayerWindowType() ​

功能描述 ​

获取窗口模式。

参数 ​

无

返回值 ​

属性类型默认值必填说明
playerWindowTypeNumbernull是窗口模式

playerWindowType:

点击查看源码
js
export const ES_PLAYER_WINDOW_TYPE_SMALL = 1;//
export const ES_PLAYER_WINDOW_TYPE_FULL = 2;//
export const ES_PLAYER_WINDOW_TYPE_FLOAT = 3;//

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.getPlayerWindowType();

注意 ​

无

changeToFloatWindow() ​

功能描述 ​

切换成浮动窗口模式。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.changeToFloatWindow();

注意 ​

无

changeToSmallWindow() ​

功能描述 ​

切换成小窗口模式。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.changeToSmallWindow();

注意 ​

无

changeToFullWindow() ​

功能描述 ​

切换成全屏窗口模式。

参数 ​

无

返回值 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.changeToFullWindow();

注意 ​

无

isPlayerWindowTypeFull() ​

功能描述 ​

是否是全屏窗口模式。

参数 ​

无

返回值 ​

属性类型默认值必填说明
Booleannull是是否是全屏窗口模式

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.isPlayerWindowTypeFull();

注意 ​

无

isPlayerWindowTypeSmall() ​

功能描述 ​

是否是小窗口模式。

参数 ​

无

返回值 ​

属性类型默认值必填说明
Booleannull是是否是小窗口模式

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.isPlayerWindowTypeSmall();

注意 ​

无

isPlayerWindowTypeFloat() ​

功能描述 ​

是否是浮动窗口模式。

参数 ​

无

返回值 ​

属性类型默认值必填说明
Booleannull是是否是浮动窗口模式

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.isPlayerWindowTypeFloat();

注意 ​

无

setPlayRate(Number playRate) ​

功能描述 ​

快进。

参数 ​

属性类型默认值必填说明
playRateNumbernull是播放速率

播放速率:

点击查看源码
js
export const ES_PLAYER_RATE_0_5 = '0.5';//
export const ES_PLAYER_RATE_0_7_5 = '0.75';//
export const ES_PLAYER_RATE_1 = '1';//
export const ES_PLAYER_RATE_1_2 = '1.2';//
export const ES_PLAYER_RATE_1_2_5 = '1.25';//
export const ES_PLAYER_RATE_1_5 = '1.5';//
export const ES_PLAYER_RATE_1_7_5 = '1.75';//
export const ES_PLAYER_RATE_2 = '2.0';//
export const ES_PLAYER_RATE_2_5 = '2.5';//

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setPlayRate(ES_PLAYER_RATE_1_2);

注意 ​

无

setDefinition(Number definition) ​

功能描述 ​

设置清晰度。

参数 ​

属性类型默认值必填说明
definitionNumbernull是清晰度

清晰度:

点击查看源码
js
export const ES_PLAYER_DEFINITION_UNKNOWN = -1;//
export const ES_PLAYER_DEFINITION_SD = 0;//
export const ES_PLAYER_DEFINITION_HD = 1;//
export const ES_PLAYER_DEFINITION_FULL_HD = 2;//
export const ES_PLAYER_DEFINITION_ORIGINAL = 3;//
export const ES_PLAYER_DEFINITION_BLUERAY = 4;//
export const ES_PLAYER_DEFINITION_FOURK = 5;//

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setDefinition(ES_PLAYER_DEFINITION_FULL_HD);

注意 ​

无

setAspectRatio(Number aspectRatio) ​

功能描述 ​

设置画面比例。

参数 ​

属性类型默认值必填说明
aspectRatioNumbernull是画面比例

画面比例:

点击查看源码
js
export const ES_PLAYER_AR_ASPECT_FIT_PARENT = 0;//
export const ES_PLAYER_AR_ASPECT_FILL_PARENT = 1;//
export const ES_PLAYER_AR_ASPECT_WRAP_CONTENT = 2;//
export const ES_PLAYER_AR_ASPECT_MATCH_PARENT = 3;//
export const ES_PLAYER_AR_16_9_FIT_PARENT = 4;//
export const ES_PLAYER_AR_4_3_FIT_PARENT = 5;//
export const ES_PLAYER_AR_235_FIT_PARENT = 6;//

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setAspectRatio(ES_PLAYER_AR_4_3_FIT_PARENT);

注意 ​

无

setDecode(Number decode) ​

功能描述 ​

设置解码方式。

参数 ​

属性类型默认值必填说明
decodeNumbernull是解码方式

解码:

点击查看源码
js
export const ES_PLAYER_DECODE_IJK = 0;//
export const ES_PLAYER_DECODE_EXO = 1;//
export const ES_PLAYER_DECODE_HARDWARE = 2;//
export const ES_PLAYER_DECODE_IJK_SOFT = 3;//

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setDecode(ES_PLAYER_DECODE_HARDWARE);

注意 ​

无

getLeftVolume() ​

功能描述 ​

获取视频左声道音量。返回值通过onLeftVolumeChanged事件回调

参数 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.getLeftVolume();

注意 ​

getRightVolume() ​

功能描述 ​

获取视频左声道音量。返回值通过onRightVolumeChanged事件回调

参数 ​

无

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.getRightVolume();

注意 ​

setLeftVolume(Number leftVolume) ​

功能描述 ​

设置左声道的音量。

参数 ​

属性类型默认值必填说明
leftVolumeNumber是音量

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setLeftVolume(0.8);

注意 ​

无

setRightVolume(Number rightVolume) ​

功能描述 ​

设置右声道的音量。

参数 ​

属性类型默认值必填说明
rightVolumeNumber是音量

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setRightVolume(0.8);

注意 ​

无

setVolume(Number volume) ​

功能描述 ​

设置左右声道的音量。

参数 ​

属性类型默认值必填说明
volumeNumber是音量

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setVolume(0.8);

注意 ​

无

setLeftRightVolume(Number leftVolume, Number rightVolume) ​

功能描述 ​

设置左右声道的音量。

参数 ​

属性类型默认值必填说明
leftVolumeNumber是左声道音量
rightVolumeNumber是右声道音量

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setLeftRightVolume(0.8, 0.8);

注意 ​

无

setStopped(Boolean stopped) ​

功能描述 ​

设置播放器停止。

参数 ​

属性类型默认值必填说明
stoppedBoolean是设置播放器是否停止

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setStopped(true);

注意 ​

无

setEnabled(Boolean enabled) ​

功能描述 ​

设置播放器是否可用。

参数 ​

属性类型默认值必填说明
enabledBoolean是设置播放器是否可用

示例代码 ​

点击查看源码
js
this.$refs.es_player_manager.setEnabled(true);

注意 ​

无

回调事件 ​

onVideoPlayerInitialized(playerType) ​

功能描述 ​

播放器初始化完成。

参数 ​

属性类型默认值必填说明
playerTypeNumber是播放器类型

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onVideoPlayerInitialized="onVideoPlayerInitialized"/>
  
<script>
export default {
  methods: {
    onVideoPlayerInitialized(playerType) {
    },
  },
}
</script>

注意 ​

无

onPlayVideo(Object playInfo) ​

功能描述 ​

播放分集合集。

参数 ​

Object playInfo

属性类型默认值必填说明
seriesIndexNumbernull是播放分集列表index
seriesListArraynull是播放分集列表 Object series数组

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayVideo="onPlayVideo"/>
  
<script>
export default {
  methods: {
    onPlayVideo(playInfo) {
    },
  },
}
</script>

注意 ​

无

onPlaySeries(Object series, Number seriesIndex) ​

功能描述 ​

播放分集。

参数 ​

属性类型默认值必填说明
seriesObjectnull是分集对象
seriesIndexNumbernull是分集index

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlaySeries="onVideoPlaySeries"/>
  
<script>
export default {
  methods: {
    onVideoPlaySeries(series, seriesIndex) {
    },
  },
}
</script>

注意 ​

无

onPlayUrls(playUrlsInfo) ​

功能描述 ​

播放地址信息回调。

参数 ​

Object playUrlsInfo

属性类型默认值必填说明
urlIndexNumbernull是播放地址列表index
urlListArraynull是播放地址列表 Object playUrl数组

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayUrls="onVideoPlayUrls"/>
  
<script>
export default {
  methods: {
    onVideoPlayUrls(playUrlsInfo) {
    },
  },
}
</script>

注意 ​

无

onPlayUrl(playUrl) ​

功能描述 ​

播放地址信息回调。

参数 ​

Object playUrl

属性类型默认值必填说明
urlStringnull是视频地址
aspectRatioNumbernull否画面比例
leftVolumeNumbernull否左声道音量
rightVolumeNumbernull否右声道音量

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayUrl="onVideoPlayUrl"/>
  
<script>
export default {
  methods: {
    onVideoPlayUrl(playUrl) {
    },
  },
}
</script>

注意 ​

无

onPlayerPreparing() ​

功能描述 ​

播放preparing状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPreparing="onVideoPlayerPreparing"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPreparing() {
    },
  },
}
</script>

注意 ​

无

onPlayerPrepared() ​

功能描述 ​

播放prepared状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPrepared="onVideoPlayerPrepared"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPrepared() {
    },
  },
}
</script>

注意 ​

无

onPlayerPlaying() ​

功能描述 ​

播放playing状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPlaying="onVideoPlayerPlaying"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPlaying() {
    },
  },
}
</script>

注意 ​

无

onPlayerPaused() ​

功能描述 ​

播放paused状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerPaused="onVideoPlayerPaused"/>
  
<script>
export default {
  methods: {
    onVideoPlayerPaused() {
    },
  },
}
</script>

注意 ​

无

onPlayerResumed() ​

功能描述 ​

播放resume状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerResumed="onVideoPlayerResumed"/>
  
<script>
export default {
  methods: {
    onVideoPlayerResumed() {
    },
  },
}
</script>

注意 ​

无

onPlayerStopped() ​

功能描述 ​

播放stop状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerStopped="onVideoPlayerStopped"/>
  
<script>
export default {
  methods: {
    onVideoPlayerStopped() {
    },
  },
}
</script>

注意 ​

无

onPlayerCompleted() ​

功能描述 ​

播放complete状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerCompleted="onVideoPlayerCompleted"/>
  
<script>
export default {
  methods: {
    onVideoPlayerCompleted() {
    },
  },
}
</script>

注意 ​

无

onPlayerBufferStart() ​

功能描述 ​

播放缓冲开始状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerBufferStart="onVideoPlayerBufferStart"/>
  
<script>
export default {
  methods: {
    onVideoPlayerBufferStart() {
    },
  },
}
</script>

注意 ​

无

onPlayerBufferEnd() ​

功能描述 ​

播放缓冲结束状态。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerBufferEnd="onVideoPlayerBufferEnd"/>
  
<script>
export default {
  methods: {
    onVideoPlayerBufferEnd() {
    },
  },
}
</script>

注意 ​

无

onPlayerSizeChanged() ​

功能描述 ​

播放器尺寸改变。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerSizeChanged="onVideoPlayerSizeChanged"/>
<script>
export default {
  methods: {
    onVideoPlayerSizeChanged() {
    },
  },
}
</script>

注意 ​

无

onNoUrlCanPlay(Boolean next) ​

功能描述 ​

没有播放地址可以播放。

参数 ​

Boolean next

属性类型默认值必填说明
nextBooleannull是向后播放还是向前播放没有播放地址

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onNoUrlCanPlay="onVideoNoUrlCanPlay"/>
  
<script>
export default {
  methods: {
    onVideoNoUrlCanPlay(next) {
    },
  },
}
</script>

注意 ​

无

onPlayerError(Number errorCode, String errorMessage) ​

功能描述 ​

播放错误。

参数 ​

属性类型默认值必填说明
errorCodeNumbernull是播放错误码
errorMessageNumbernull是播放错误信息

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerError="onVideoPlayerError"/>
  
<script>
export default {
  methods: {
    onVideoPlayerError(errorCode, errorMessage) {
    },
  },
}
</script>

注意 ​

无

onAllAspectRatioChanged(aspectRatioList) ​

功能描述 ​

画面比例列表。

参数 ​

Array aspectRatioList 画面比例列表

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onAllAspectRatioChanged="onVideoAllAspectRatioChanged"/>
  
<script>
export default {
  methods: {
    onVideoAllAspectRatioChanged(aspectRatioList) {
    },
  },
}
</script>

注意 ​

无

onAspectRatioChanged(aspectRatio) ​

功能描述 ​

当前的画面比例。

参数 ​

aspectRatio 当前的画面比例

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onAspectRatioChanged="onVideoAspectRatioChanged"/>
  
<script>
export default {
  methods: {
    onVideoAspectRatioChanged(aspectRatio) {
    },
  },
}
</script>

注意 ​

无

onVolumeChanged(Number leftVolume, Number rightVolume) ​

功能描述 ​

声音变化。

参数 ​

属性类型默认值必填说明
leftVolumeNumbernull左声道音量
rightVolumeNumbernull右声道音量

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onVolumeChanged="onVideoVolumeChanged"/>
  
<script>
export default {
  methods: {
    onVideoVolumeChanged(leftVolume, rightVolume) {
    },
  },
}
</script>

注意 ​

无

onLeftVolumeChanged(Number volume) ​

功能描述 ​

左声道音量变化。

参数 ​

属性类型默认值必填说明
volumeNumbernull音量

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onLeftVolumeChanged="onVideoLeftVolumeChanged"/>
  
<script>
export default {
  methods: {
    onVideoLeftVolumeChanged(volume) {
    },
  },
}
</script>

注意 ​

无

onRightVolumeChanged(Number volume) ​

功能描述 ​

左声道音量变化。

参数 ​

属性类型默认值必填说明
volumeNumbernull音量

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onRightVolumeChanged="onVideoRightVolumeChanged"/>
  
<script>
export default {
  methods: {
    onVideoRightVolumeChanged(volume) {
    },
  },
}
</script>

注意 ​

无

onDefinitionListChanged(Array definitionList) ​

功能描述 ​

清晰度列表。

参数 ​

属性类型默认值必填说明
definitionListArraynull清晰度列表

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDefinitionListChanged="onVideoDefinitionListChanged"/>
  
<script>
export default {
  methods: {
    onVideoDefinitionListChanged(definitionList) {
    },
  },
}
</script>

注意 ​

无

onDefinitionChanged(Number definition) ​

功能描述 ​

视频当前的清晰度。

参数 ​

属性类型默认值必填说明
definitionNumbernull视频当前的清晰度

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDefinitionChanged="onVideoDefinitionChanged"/>
  
<script>
export default {
  methods: {
    onVideoDefinitionChanged(definition) {
    },
  },
}
</script>

注意 ​

无

onPlayRateListChanged(Array rateList) ​

功能描述 ​

播放速率列表。

参数 ​

属性类型默认值必填说明
rateListArraynull播放速率列表

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayRateListChanged="onVideoPlayRateListChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayRateListChanged(rateList) {
    },
  },
}
</script>

注意 ​

无

onPlayRateChanged(Number rate) ​

功能描述 ​

当前播放速率。

参数 ​

属性类型默认值必填说明
rateNumbernull当前播放速率

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayRateChanged="onVideoPlayRateChanged"/>
  
<script>
export default {
  methods: {
    onVideoPlayRateChanged(rate) {
    },
  },
}
</script>

注意 ​

无

onDecodeListChanged(Array decodeList) ​

功能描述 ​

解码类型列表。

参数 ​

属性类型默认值必填说明
decodeListArraynull解码类型列表

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDecodeListChanged="onVideoDecodeListChanged"/>
  
<script>
export default {
  methods: {
    onVideoDecodeListChanged(decodeList) {
    },
  },
}
</script>

注意 ​

无

onDecodeChanged(Number decode) ​

功能描述 ​

当前视频解码类型。

参数 ​

属性类型默认值必填说明
decodeNumbernull当前视频解码类型

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onDecodeChanged="onVideoDecodeChanged"/>
  
<script>
export default {
  methods: {
    onVideoDecodeChanged(decode) {
    },
  },
}
</script>

注意 ​

无

onPlayerSeekStart() ​

功能描述 ​

开始快进。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerSeekStart="onVideoPlayerSeekStart"/>
  
<script>
export default {
  methods: {
    onVideoPlayerSeekStart() {
    },
  },
}
</script>

注意 ​

无

onPlayerSeekCompleted() ​

功能描述 ​

快进完成。

参数 ​

无

示例代码 ​

点击查看源码
js
<es-player-manager
  ref="es_player_manager"
  @onPlayerSeekCompleted="onVideoPlayerSeekCompleted"/>
  
<script>
export default {
  methods: {
    onVideoPlayerSeekCompleted() {
    },
  },
}
</script>

注意 ​

无