JSFiddle - React, Tailwind, and code Playground

HTML

<video id="start" style="width:100%;"></video>

JavaScript

var start = [
    "http://praegnanz.de/html5video/player/video_SD.webm",
    "http://praegnanz.de/html5video/player/video_SD.webm",
    "http://praegnanz.de/html5video/player/video_SD.mp4"];

var loop = [
    "http://broken-links.com/tests/media/BigBuck.webm",
    "http://broken-links.com/tests/media/BigBuck.theora.ogv",
    "http://broken-links.com/tests/media/BigBuck.m4v"];


var curSrc = 0;
$(function () {
    $('#start').attr(start, start[curSrc % start.length]);
    curSrc++;
    var video = $('#start').get(0);

    $('#start').on('loadedmetadata', function () {
        video.currentTime = 0.01;
        video.play();
    }).on('ended', function () {
        //console.log('ended');
        video.loop = loop[curSrc % loop.length];
        video.load();
    });
});