| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 |
- var player = videojs('example');
-
- player.playlist([
- {
- name:'视频教程-调价',
- // description:'视频教程-调价',
- duration:110,
- sources: [{
- src: 'https://d1video.smartcost.com.cn/video/play/2020/调价.mp4',
- type: 'video/mp4'
- }],
- poster:'video/tiaojia.jpg',
- thumbnail: [
- {
- srcset: 'video/tiaojia.jpg',
- type: 'image/jpg',
- media: '(max-width: 130px;)'
- },
- {
- src:'video/tiaojia.jpg'
- }
- ]
- },
- {
- name:'视频教程-共用单价文件',//视频标题
- // description:'视频教程-共用单价文件',//视频描述
- duration:112,//视频总时长，单位秒(s)
- sources: [{//视频资源地址以及视频的MIME类型
- src: 'https://d1video.smartcost.com.cn/video/play/2022/共用单价文件.mp4',
- type: 'video/mp4'
- }],
- //视频封面地址
- poster:'video/gydjwenjian.jpg',
- //右侧视频播放列表的图片
- thumbnail: [
- {//默认图片
- srcset: 'video/gydjwenjian.jpg',
- type: 'image/jpg',
- media: '(max-width: 130px;)'
- },
- {//实际视频缩略图图片
- src:'video/gydjwenjian.jpg'
- }
- ]
- }, {
- name:'视频教程-清单精灵',//视频标题
- description:'Explore the depths of our planet\'s oceans.',//视频描述
- duration:110,//视频总时长，单位秒(s)
- sources: [{//视频资源地址以及视频的MIME类型
- src: 'https://d1video.smartcost.com.cn/video/play/2020/清单精灵.mp4',
- type: 'video/mp4'
- }],
- //视频封面地址
- poster:'video/qdjianling.jpg',
-
- thumbnail: [
- {//默认图片
- srcset: 'video/qdjianling.jpg',
- type: 'image/jpg',
- media: '(max-width: 130px;)'
- },
- {//实际视频缩略图图片
- src:'video/qdjianling.jpg'
- }
- ]
- },
- {
- name:'视频教程-查找定位',
- description:'Explore the depths of our planet\'s oceans.',
- duration:122,
- sources: [{
- src: 'https://d1video.smartcost.com.cn/video/play/2020/查找定位.mp4',
- type: 'video/mp4'
- }],
- poster:'video/czdingwei.jpg',
- thumbnail: [
- {
- srcset: 'video/czdingwei.jpg',
- type: 'image/jpg',
- media: '(max-width: 130px;)'
- },
- {
- src:'video/czdingwei.jpg'
- }
- ]
- },
- {
- name:'视频教程-分享协作',//视频标题
- description:'Explore the depths of our planet\'s oceans.',//视频描述
- duration:116,//视频总时长，单位秒(s)
- sources: [{//视频资源地址以及视频的MIME类型
- src: 'https://d1video.smartcost.com.cn/video/play/2020/分享协作.mp4',
- type: 'video/mp4'
- }],
- //视频封面地址
- poster:'video/fxxiezuo.jpg',
- //右侧视频播放列表的图片
- thumbnail: [
- {//默认图片
- srcset: 'video/fxxiezuo.jpg',
- type: 'image/jpg',
- media: '(max-width: 130px;)'
- },
- {//实际视频缩略图图片
- src:'video/fxxiezuo.jpg'
- }
- ]
- }, {
- name:'视频教程-模版克隆',//视频标题
- description:'Explore the depths of our planet\'s oceans.',//视频描述
- duration:113,//视频总时长，单位秒(s)
- sources: [{//视频资源地址以及视频的MIME类型
- src: 'https://d1video.smartcost.com.cn/video/play/2020/模板克隆.mp4',
- type: 'video/mp4'
- }],
- //视频封面地址
- poster:'video/mbkelong.jpg',
-
- thumbnail: [
- {//默认图片
- srcset: 'video/mbkelong.jpg',
- type: 'image/jpg',
- media: '(max-width: 130px;)'
- },
- {//实际视频缩略图图片
- src:'video/mbkelong.jpg'
- }
- ]
- },
- {
- name:'视频教程-复制整块',
- description:'Explore the depths of our planet\'s oceans.',
- duration:95,
- sources: [{
- src: 'https://d1video.smartcost.com.cn/video/play/2020/复制整块.mp4',
- type: 'video/mp4'
- }],
- poster:'video/fzzhengkuai.jpg',
- thumbnail: [
- {
- srcset: 'video/fzzhengkuai.jpg',
- type: 'image/jpg',
- media: '(max-width: 130px;)'
- },
- {
- src:'video/fzzhengkuai.jpg'
- }
- ]
- }
- ]);
-
- player.playlistUi();
- player.playlist.autoadvance(0); // 自动播放， 0秒延时
- player.playlist.repeat(true); //循环播放
|
