请帮我用js编写一段视频切换不闪屏的效果

好的，以下是一段使用JavaScript实现视频切换不闪屏的代码：

HTML部分：

<div id="video-container">
  <video id="video" autoplay muted loop>
    <source src="video1.mp4" type="video/mp4">
  </video>
</div>

JavaScript部分：

const videoContainer = document.getElementById('video-container');
const video = document.getElementById('video');

const videos = ['video1.mp4', 'video2.mp4', 'video3.mp4'];
let currentVideo = 0;

// 预加载下一个视频
const nextVideo = document.createElement('video');
nextVideo.src = videos[currentVideo + 1];
nextVideo.setAttribute('preload', 'auto');

// 当前视频播放完毕时触发
video.addEventListener('ended', () => {
  // 更新当前视频索引
  currentVideo = (currentVideo + 1) % videos.length;
  // 将下一个视频设置为当前视频
  video.src = nextVideo.src;
  // 将下一个视频设置为预加载的下一个视频
  nextVideo.src = videos[(currentVideo + 1) % videos.length];
  // 手动播放视频
  video.play();
});

// 播放第一个视频
video.play();

这段代码的实现思路是在当前视频播放完毕后，将下一个视频设置为当前视频，并预加载下一个视频，以达到不闪屏的效果。