JSFiddle - React, Tailwind, and code Playground

HTML

<video id="video" width="400" onclick="playPause()">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>
<img src="https://cdn.alsacreations.net/css/img/logo-alsacreations.svg" onclick="changevideo(1)"/>

JavaScript

Video=document.getElementById("video"); 

function playPause() { 
    if (Video.paused) 
        Video.play(); 
    else 
        Video.pause(); 
} 

function changevideo(value){
  if(value==1)
  {
  Video.src="https://www.html5rocks.com/en/tutorials/video/basics/devstories.mp4";
  }
}