JSFiddle - React, Tailwind, and code Playground

HTML

<video id="video" />
      <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>
<button id="play">play</button>

CSS

video { border: 1px solid black; }

JavaScript

$('#play').click(function(){
   document.getElementById('video').play();
});


$('#video').click(function(){
   document.getElementById('video').play();
});