videojs控件点击播放下一条视频

videojs是一个开源的HTML5视频播放器库，它提供了丰富的控制选项和功能。要实现点击播放下一条视频的功能，可以通过以下步骤完成：

1. 在HTML页面中引入videojs的库文件和CSS样式表。

2. 创建一个video元素，并为其添加一个唯一的id，例如：

<video id="my-video" class="video-js"></video>

3. 在JavaScript代码中，使用videojs函数将video元素转换为videojs实例，并设置相关的配置选项，例如：

var myPlayer = videojs('my-video', {
  autoplay: false,
  controls: true,
  sources: [{
    src: 'video1.mp4',
    type: 'video/mp4'
  }]
});

4. 创建一个变量用于存储视频列表的索引，例如：

var videoIndex = 0;

5. 创建一个播放下一条视频的函数，例如：

function playNextVideo() {
  videoIndex++;
  if (videoIndex >= videoList.length) {
    videoIndex = 0;
  }
  var nextVideo = videoList[videoIndex];
  myPlayer.src(nextVideo.src);
  myPlayer.play();
}

其中，videoList是保存视频信息的数组，可以动态添加或从服务器获取。

6. 为控件或页面上的下一条视频按钮绑定点击事件，调用播放下一条视频函数，例如：

document.getElementById('next-btn').addEventListener('click', playNextVideo);

7. 最后，你可以根据需要自定义视频播放器的样式和外观，并设置其他附加功能。

总结：通过以上步骤，你可以利用videojs库，并结合JS函数实现控件点击播放下一条视频的功能。