JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="load();">
<video id="vid" src="http://awp.diaart.org/ali/test/movies/testmovie.mov" width="640" height="480" autoplay></video>
<br>
<input type="button" value="Play" onclick="document.getElementById('vid').play();">
</body>

JavaScript

$(document).ready(function(){
        iOS = false, p = navigator.platform;
        if( p === 'iPad' || p === 'iPhone' || p === 'iPod' ) {
          iOS = true;
        }
        if (iOS === false) {
          $("input[type=button]").hide();
        }
});
function load() {
        var vid = document.getElementById('vid');
        vid.addEventListener('ended', function() {
          /*    alert('video ended'); */
          /*   vid.load(); */
        },false);
}