buildingLanding/home/js/videoList.js

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