JSFiddle - React, Tailwind, and code Playground

HTML

<video preload="auto" id="click">
    <source src="https://www.w3schools.com/howto/rain.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
</video>

CSS

#click {
   max-width: 500px;
   height: auto;
   cursor: pointer;
}

JavaScript

$("video#click").click(function(){
    this.paused?this.play():this.pause();
    return false;
});