JSFiddle - React, Tailwind, and code Playground

by taylorbuley

HTML

<video id="video" controls="" preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png">
    <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4" />
    <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm" />
    <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg" />
</video>

CSS

#video {
    width:400px;
    height:300px;
}

JavaScript

var el = document.getElementById('video');
el.addEventListener('ended', function() {
    el.currentTime = 0;
    el.play();
});