JSFiddle - React, Tailwind, and code Playground

by RoryMcCrossan

HTML

<div class="videoWrapper">
    <video controls preload autoplay>
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4" />
        <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg" />
    </video>
</div>

<div class="videoWrapper">
    <video controls preload="none">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4" />
        <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg" />
    </video>
</div>

JavaScript

var vid0 = $('.videoWrapper video').eq(0);
var vid1 = $('.videoWrapper video').eq(1);
vid1.parent().hide();
vid0.bind('ended', function() {
    vid1.parent().show();
})