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" 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( "canplay", function() {
    console.log( "canplay fired!" );
    p.play();
});