4.22 列表连播功能(多个视频节目自动连续播放)

 

本款播放器的视频列表连播功能,是基于 外部getNext函数DIV+CSS 实现的,因此它的灵活性相当高,用户可以自己用div+css来设计列表的表现形式的,比如图片列表,文字列表,滚动图片列表,收缩列表等各种不同的列表效果,都可以实现。

如何实现列表? 本款播放器在视频结束时,会触发视频结束动作

视频结束动作:指视频播放结束后,所执行的动作。

视频结束动作控制参数:
在[ 配置文件参数 ]中视频结束后的动作参数JcScpShowList 它有 yes/no/next 三个值:
yes(显示结束图片列表)
no(不执行任何动作)
next(执行js中的getNext函数,列表自动连播功能是必须配合这个值来实现)

 

原理及过程的理解 (原理很简单,只有这两点 ):

1. 在配置文件中设 JcScpShowList = "next",
2. 此时表示视频结束时,就执行html代码中的js函数getNext ;

 

 

 

演示效果1:带收缩功能的视频列表 查看演示实例>>


 

 

演示效果2:带收缩功能的视频列表 查看演示实例>> | 下载本范例>>


 

 

演示效果3:带收缩功能的视频列表 查看演示实例>> | 下载本范例>>


 

 

演示效果4:带收缩功能的视频列表 查看演示实例>> | 下载本范例>>


 

 

演示效果5:带收缩功能的视频列表 查看演示实例>> | 下载本范例>>