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()方法。播放上一个视频地址