JSFiddle - React, Tailwind, and code Playground

by webinista

HTML

<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="UTF-8">
        <title>Video</title>
    </head>
    <body>
        <video src="http://webinista.s3.amazonaws.com/raindropsinapool-nosound.webm" autoplay loop></video>
    </body>
</html>

CSS

body{
    margin:0;
    padding:0;
    font: 85% / 1.5 sans-serif;
}

video{width:640px;margin:auto}

JavaScript

var vid = document.querySelector('video');
var restartvid = function(e) {
    e.target.play();
}

vid.addEventListener('ended', restartvid, false);