Appearance
播放地址列表
1.自动播放视频地址
playUrlsAuto
属性。控制是否自动播放视频地址。默认值false
设置
playUrlsAuto
为false
当调用了playUrls(urls)
视频地址不会主动进行播放。onPlayUrls
事件不会进行回调。
此时需要调用playUrl(urlIndex)
或者playUrlByIndex(urlIndex)
视频分集才能进行播放。设置
playUrlsAuto
为true
当调用了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
- 设置
playUrlsPositiveSequence
为true
正序播放 - 设置
playUrlsPositiveSequence
为false
倒序播放
点击查看源码
vue
<es-video-player
:play-urls-positive-sequence="true"
ref="es_video_player"/>
3.自动播放视频下一个视频地址
playUrlsAutoNext
属性。当前视频地址播放完毕,是否自动播放下一个视频地址。默认值true
- 设置
playUrlsAutoNext
为true
自动播放下一个视频地址 - 设置
playUrlsAutoNext
为false
不自动播放下一个视频地址
点击查看源码
vue
<es-video-player
:play-urls-auto-next="true"
ref="es_video_player"/>
5.播放指定视频地址
playUrlByIndex(urlIndex)
方法。播放指定index的视频地址
6.播放上/下一个地址
playNextUrl()
方法。播放下一个视频地址playPreviousUrl()
方法。播放上一个视频地址