快应用

Appearance

播放分集列表 ​

1.自动播放视频分集 ​

playSeriesAuto属性。控制是否自动播放视频分集。默认值true

  • 设置playSeriesAuto 为 false
    当调用了playVideo(playInfo)视频分集不会主动进行播放。
    onPlayVideo事件不会进行回调。
    此时需要调用playSeriesById(seriesId)或者playSeriesByIndex(seriesIndex)视频分集才能进行播放。

  • 设置playSeriesAuto 为 true
    当调用了playVideo(playInfo)视频分集会主动进行播放。
    onPlayVideo事件会进行回调。
    @onPlayVideo="onVideoPlayInfo"进行视频合集播放的监听 @onPlaySeries="onVideoPlaySeries"进行视频分集播放的监听

点击查看源码
vue
<es-player-manager
  :play-series-auto="true"
  @onPlayVideo="onVideoPlayInfo"
  @onPlaySeries="onVideoPlaySeries"
  ref="es_player_manager"/>
  
  ...
  methods: {
  onVideoPlayInfo(playInfo){
    
  },
  onVideoPlaySeries(series, seriesIndex){
    
  },
  ...

2.循环播放视频分集 ​

playSeriesLoop属性。播放完最后一个分集，是否从第一个分集开始继续播放。默认值false

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

3.正序播放视频分集 ​

playSeriesPositiveSequence属性。控制播放视频合集的顺序。默认值true

  • 设置playSeriesPositiveSequence 为 true 正序播放
  • 设置playSeriesPositiveSequence 为 false 倒序播放
点击查看源码
vue
<es-player-manager
  :play-series-positive-sequence="true"
  ref="es_player_manager"/>

4.自动播放视频下一个分集 ​

playSeriesAutoNext属性。当前视频播放完毕，是否自动播放下一个视频分集。默认值true

  • 设置playSeriesAutoNext 为 true 自动播放下一个视频
  • 设置playSeriesAutoNext 为 false 不自动播放下一个视频
点击查看源码
vue
<es-player-manager
  :play-series-auto-next="true"
  ref="es_player_manager"/>

5.播放指定分集 ​

  • playSeriesByIndex(seriesIndex) 方法。播放指定index的分集
  • playSeriesById(seriesId) 方法。播放指定id的分集

6.播放上/下一集 ​

  • playNextSeries() 方法。播放下一个分集
  • canPlayNextSeries() 方法。是否可以播放下一个分集
  • playPreviousSeries() 方法。播放上一个分集
  • canPlayPreviousSeries() 方法。是否可以播放上一个分集

7.添加和替换分集列表 ​

  • addVideoSeriesToFirst(seriesList) 方法。
    向分集集合头部添加分集列表seriesList。

  • addVideoSeriesToLast(seriesList) 方法。
    向分集集合尾部添加分集列表seriesList。

  • replaceVideoSeries(beginIndex, seriesList) 方法。
    从beginIndex位置开始，用seriesList替换分集集合中相同数量的分集列表。

  • getVideoSeriesList() 方法。
    获取分集集合。

  • getVideoSeriesByIndex(index) 方法。
    根据index获取分集集合中的分集。