<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'
]
);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.