Skip to content

播放地址列表

1.自动播放视频地址

playUrlsAuto属性。控制是否自动播放视频地址。默认值false

  • 设置playUrlsAutofalse
    当调用了playUrls(urls)视频地址不会主动进行播放。
    onPlayUrls事件不会进行回调。
    此时需要调用playUrl(urlIndex)或者playUrlByIndex(urlIndex)视频分集才能进行播放。

  • 设置playUrlsAutotrue
    当调用了playUrls(urls)视频地址会主动进行播放。
    onPlayUrls事件会进行回调。

    @onPlayUrls="onVideoPlayUrls"进行视频地址合集播放的监听 @onPlayUrl="onVideoPlayUrl"进行视频地址播放的监听

点击查看源码
vue
<es-video-player
  :play-urls-auto="true"
  @onPlayUrls="onVideoPlayUrls"
  @onPlayUrl="onVideoPlayUrl"
  ref="es_video_player"/>
  
  ...
  methods: {
  onVideoPlayUrls(urls){
    
  },
  onVideoPlayUrl(url){
    
  },
  ...

2.正序播放视频地址

playUrlsPositiveSequence属性。控制播放视频地址的顺序。默认值true

  • 设置playUrlsPositiveSequencetrue 正序播放
  • 设置playUrlsPositiveSequencefalse 倒序播放
点击查看源码
vue
<es-video-player
:play-urls-positive-sequence="true"
  ref="es_video_player"/>

3.自动播放视频下一个视频地址

playUrlsAutoNext属性。当前视频地址播放完毕,是否自动播放下一个视频地址。默认值true

  • 设置playUrlsAutoNexttrue 自动播放下一个视频地址
  • 设置playUrlsAutoNextfalse 不自动播放下一个视频地址
点击查看源码
vue
<es-video-player
  :play-urls-auto-next="true"
  ref="es_video_player"/>

5.播放指定视频地址

  • playUrlByIndex(urlIndex) 方法。播放指定index的视频地址

6.播放上/下一个地址

  • playNextUrl() 方法。播放下一个视频地址
  • playPreviousUrl() 方法。播放上一个视频地址