<video></video>
const createCyclePlayer = (video, sources) => {
  let current = 0;
  
  video.muted = true;
  video.autoplay = true;

  const updatePlayer = () => {
    video.src = sources[current];
    video.currentTime = 0;
  };
  
  video.addEventListener('ended', () => {
    current += 1;
    current %= sources.length;
    
    updatePlayer();
  });
  
  updatePlayer();
};

createCyclePlayer(
  document.querySelector('video'),
  [
    'https://download.blender.org/peach/trailer/trailer_400p.ogg',
    'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm'
  ]
);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.