JSFiddle - React, Tailwind, and code Playground

by popcornjs

HTML

<script src="http://cdn.popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<video id="video" preload="auto" controls src="http://download.blender.org/peach/trailer/trailer_400p.ogg"></video>

CSS

#video {
    width: 600px;
    height: 200px;
}

JavaScript

var p = Popcorn( "#video" );

// play the video one canplay fires
p.on( "ended", function() {
    console.log( "ended fired!" );
    p.media.src = "http://leanbackplayer.com/videos/360p/sintel_640x360_2.28.mp4";
    p.play();
});

p.play();