JSFiddle - React, Tailwind, and code Playground

HTML

<img id="thumbnail" src="/templates/beez_20/images/ws_wst2.png" alt="image"/>
<video id="myVideo" width="100%" height="100%" controls><source src="templates/beez_20/video/ws_wst2.webm"  type='video/webm;codecs="vp8, vorbis"' />
</video>

CSS

#myVideo
{
  display:none;
}

JavaScript

$('#myVideo').click(function(){
	$(this)
  	.hide()
    .siblings('#thumbnail')
    .show();
});

$('#thumbnail').click(function(){
	$(this)
  	.hide()
    .siblings('#myVideo')
    .show();
});